/* Universal Reset
--------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
.root {
  font-size: 62.5%;

  @media only screen and (max-width: 48em) {
    font-size: 50%;
  }
}

body.community-level,
body.community-level .content {
  padding: 0;
  font-family: var(--font-stack--body) !important;
}

/* Variables
--------------------------------------------------------------------------------------------------------------------*/

:root {
  --color--white: #fff;
  --color--black: #000;

  --color--blue: #1565c0;
  --color--blue--active: #2196f3;
  --color--blue--midnight: #153e5c;

  --color--silver--60: #1e1f20;
  --color--silver--40: #444647;
  --color--silver--20: #797d7f;
  --color--silver--10: #999ea1;
  --color--silver: #bdc3c7;
  --color--silver--l20: #d5d9db;
  --color--silver--l40: #e7e9eb;
  --color--silver--l60: #f5f5f6;

  --color--gray--light--1: #fafafa;
  --color--gray--light--2: #e0e0e0;
  --color--gray--med: #616161;
  --color--gray--dark: #212121;

  --color--green: #2ecc71;

  --gradient--blue: linear-gradient(
    90deg,
    rgba(21, 101, 192, 1) 0%,
    rgba(33, 150, 243, 1) 100%
  );

  --color--titles: #212121;
  --color--text: #616161;

  --color--primary: #1565c0;
  --color--secondary: #3498db;

  --container--max-width: 112.8rem;
  --container--max-width--padded: 120.8rem;
  --container--full: 100%;

  --section--padding--small: 9.6rem 4rem;
  --section--padding--standard: 12rem 4rem;
  --section--padding--extra: 18rem 4rem;

  --box-shadow-standard: 0px 8px 24px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0px 0px 8px 0px rgba(0, 0, 0, 0.12),
    0px 8px 8px 0px rgba(0, 0, 0, 0.24);

  --border-radius--standard: 20px;

  --font-size--standard: 1.6rem;
  --line-height--standard: 1.6;

  --font-stack--header: "Roboto", "Open Sans", arial, sans-serif;
  --font-stack--body: "Roboto", "Open Sans", arial, sans-serif;
  --font-icons: "FontAwesome5_Regular", Font Awesome\5 Pro, FontAwesome;

  --hero--home--bg: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/NA5/OD13064/452AB948.jpg);
}

/* Element Updates
--------------------------------------------------------------------------------------------------------------------*/

.row {
  margin: 0;
}

/* Buttons
--------------------------------------------------------------------------------------------------------------------*/

.button {
  display: inline-block;
  padding: 1.5rem 1.6rem;
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 8px;
  font-weight: 400;
  letter-spacing: 0.5px;
  transition: 0.2s ease;

  &.button--filled {
    background-color: var(--color--blue);
    border-color: var(--color--blue);
    color: var(--color--white);
  }

  &.button--outlined--white {
    background-color: transparent;
    border-color: var(--color--white);
    color: var(--color--white);
  }

  &:hover {
    background-color: var(--color--white);
    color: var(--color--blue);
    border-color: var(--color--white);
    text-decoration: none;
    transform: scale(1.02);
    box-shadow: var(--box-shadow-standard);
  }
}

/* Grids
--------------------------------------------------------------------------------------------------------------------*/

.section__grid {
  display: grid;
  width: 100%;

  &.section--text-centered {
    text-align: center;
  }

  *:not(.button, .testimonial) {
    border: none;
  }

  &::after {
    display: none;
  }

  /* Grids: Typography
--------------------------------------------------------------------------------------------------------------------*/

  .section__grid__title {
    font-size: 3.9rem;
    line-height: 1.2;
    color: var(--color--gray--dark);
    display: block;
    margin-bottom: 1.6rem;
    font-weight: 700;
  }

  .section__grid__text {
    font-size: 1.6rem;
    line-height: 1.6;
    color: var(--color--text);
  }

  table {
    display: flex;
    align-items: flex-start;

    tbody {
      display: block;
      flex: 0 0 100%;

      tr {
        display: block;

        td {
          display: block;

          .h5 {
            font-size: 2rem !important;
            color: var(--color--titles);
          }

          p {
            font-size: 1.6rem;
            line-height: 1.6;
            margin-top: 1.6rem;
          }
        }

        .grid__button {
          padding-top: 4rem;
        }
      }
    }
  }

  .img--rounded {
    border-radius: var(--border-radius--standard);
    overflow: hidden;
  }

  /* Grids: Columns
--------------------------------------------------------------------------------------------------------------------*/

  &.grid__4-col {
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    column-gap: 2.4rem;
    row-gap: 4rem;
  }

  &.grid__3-col {
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
    column-gap: 2.4rem;
    row-gap: 4rem;
  }

  &.grid__2-col {
    grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
    column-gap: 8rem;
    row-gap: 7.2rem;
    align-items: center;

    &.gap-sm {
      column-gap: 2.4rem;
      row-gap: 2.4rem;
    }

    @media only screen and (max-width: 40em) {
      grid-template-columns: 1fr;
    }
  }

  &.grid__12-col {
    grid-template-columns: repeat(12, 1fr);

    &.grid__intro {
      & .section__grid__container {
        grid-column: 1 / span 8;

        @media only screen and (max-width: 48em) {
          grid-column: 1 / -1;
          text-align: center;
        }
      }
    }
  }
}

/* Grids: Containers (Non-RTE)
--------------------------------------------------------------------------------------------------------------------*/

.section__container--outer {
  display: flex;
  justify-content: center;
  padding: 12rem 4rem;

  &.half-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.section__container--inner {
  max-width: calc(var(--container--max-width) + 2.4rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.section__container--buttons {
  margin-top: 4rem;
}

/* Grids: Instances: Team Members
--------------------------------------------------------------------------------------------------------------------*/

.grid__team {
  margin-top: 4rem;

  .team-member {
    padding: 4rem;
    background-color: var(--color--white);
    border-radius: var(--border-radius--standard);
    border-top: 12px solid var(--color--blue);
    box-shadow: var(--box-shadow-standard);

    display: flex;
    align-items: center;

    i {
      font-family: var(--font-icons);
      font-style: normal;
    }

    .team-member__photo {
      flex: 0 1;
      margin-right: 2.4rem;

      img {
        width: 8rem;
      }
    }

    .team-member__info {
      flex: 1;

      > * {
        display: inline-block;
      }

      .team-member__name {
        margin-right: 8px;
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--color--gray--dark);
      }

      .fa-linkedin:before {
        content: "\f08c";
        vertical-align: super;
        font-size: 1.8rem;
      }
    }

    .team-member__arrow i {
      font-size: 1.6rem;
    }

    .team-member__position {
      font-size: 1.6rem;
      color: var(--color--text);
      display: block;
      font-style: italic;
    }
  }
}

/* Grids: Instances: Columns with Icons
--------------------------------------------------------------------------------------------------------------------*/

.section__grid__icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  text-align: center;
  padding: 2.4rem;
  background-color: var(--color--gray--light--1);
  margin: 0 auto 2.4rem;

  img {
    width: 5.6rem;
    height: 5.6rem;
    object-fit: contain;
  }
}

/* Grids: Instances: Testimonials
--------------------------------------------------------------------------------------------------------------------*/

.container__testimonials {
  margin-top: 4rem;

  .slider__testimonials {
    display: flex;

    .container__testimonial {
      padding: 0 1.2rem;

      .testimonial {
        padding: 4rem;
        background-color: var(--color--white);
        border-radius: var(--border-radius--standard);
        box-shadow: var(--box-shadow-standard);
        border-top: 12px solid var(--color--blue);
        position: relative;
        overflow: hidden;
        height: 100%;

        font-size: var(--font-size--standard);
        line-height: var(--line-height--standard);

        .testimonial__profile {
          display: flex;
          align-items: center;
          margin-top: 2.4rem;

          .testimonial__photo {
            margin-right: 2.4rem;

            img {
              width: 6rem;
            }
          }

          .testimonial__name {
            font-size: 2rem;
            color: var(--color--blue);
            font-weight: 700;
          }
          .testimonial__position {
            font-size: 1.4rem;
            font-style: italic;
            color: var(--color--text);
          }
        }

        .quotation-mark {
          position: absolute;
          bottom: -1.6rem;
          right: 4rem;
        }
      }
    }
  }
}

/* Slider: Instances: Partners
--------------------------------------------------------------------------------------------------------------------*/

.container__slider__partners {
  display: flex;
  width: 100%;
  margin-top: 4rem;

  .slider__partners {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;

    .partner__container {
      flex: 0 0 25%;
      padding: 0 1.2rem;
      text-align: center;

      .partner__card {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--border-radius--standard);
        background-color: var(--color--white);
        box-shadow: var(--box-shadow-standard);
        height: 16rem;
        cursor: pointer;
      }

      .partner__logo {
        max-width: 60%;
        max-height: 50%;
        object-fit: contain;
      }
    }
  }
}

/* Accordion
--------------------------------------------------------------------------------------------------------------------*/

.accordion {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;

  .accordion__item {
    background-color: var(--color--white);
    padding: 2.4rem;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: var(--box-shadow-standard);
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    .accordion__header {
      font-size: 1.6rem;
      font-weight: 700;
      color: var(--color--titles);
    }

    .accordion__arrow {
      margin-left: auto;
    }

    .accordion__panel {
      margin-top: 1.6rem;

      p {
        font-size: 1.6rem;
        line-height: 2.4rem;
      }
    }
  }
}

/* Heroes
--------------------------------------------------------------------------------------------------------------------*/

.hero {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: var(--container--max-width);
  padding: 0;
  margin: 0 auto;

  color: var(--color--white);

  *:not(.button) {
    border: none;
  }

  .hero__container {
    flex: 0 1 66%;
    text-align: center;

    @media only screen and (max-width: 62.5em) {
      flex: 0 0 100%;
    }
  }

  .hero__title {
    font-size: 4.9rem;
    line-height: 1.2;
    font-weight: 700;
    font-family: var(--font-stack--header);
    padding-bottom: 4rem;
  }

  .hero__text {
    font-family: var(--font-stack--body);
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .hero__buttons {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    padding-top: 4.8rem;
  }
}

/* Typography
--------------------------------------------------------------------------------------------------------------------*/

.h1 {
  font-size: 4.9rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color--titles);
}

.h2 {
  font-size: 3.9rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color--titles);
}

.h3 {
  font-size: 3.1rem;
  line-height: 1.2;
  font-weight: 500;
}

.h4 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 500;
}

.h5 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
}

.superscript {
  font-size: 50%;
  vertical-align: super;
}

/* Community-Level
--------------------------------------------------------------------------------------------------------------------*/

body.community-level {
  /* Community: Global Navigation
--------------------------------------------------------------------------------------------------------------------*/
  .f-global-nav {
    .fractal-global-nav#global-nav-bar {
      box-shadow: none;
      padding: 0 4rem;

      .f-nav-wrapper {
        max-width: 100%;
        margin: 0;

        .member-image-v1 {
          .member-initial {
            &.imgUpdate {
              background-image: url(/ct/images/profile_100x100.png);
              background-size: contain;
            }
          }
        }

        .f-nav-search-wrapper {
          display: none;
        }

        @media screen and (max-width: 48em) {
          width: 100%;
          margin: 0;
        }

        .f-nav-logo {
          width: 8.8rem;
          height: 1.8rem;

          &::before {
            content: "";
            width: 100%;
            height: 100%;
            background-size: contain;
            background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/NA5/OD13064/360B3C8F.png);
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;
          }
        }

        .f-nav-logo img {
          max-height: 1.8rem;
          display: none;
        }

        .f-nav-left,
        .f-nav-right {
          margin: 0;
        }

        .f-nav-right {
          .f-user-menu {
            .f-user-menu-display {
              .f-user-menu-edit {
                display: none;
              }

              .f-user-menu-links {
                ul {
                  li {
                    a[href*="c_es.bix"],
                    a[href*="c_ent_ct_profile"],
                    a[href*="apps"] {
                      display: none;
                    }
                    a.linkUpdate {
                      text-indent: -9999px;

                      &::before {
                        content: "\f2f6";
                        text-indent: 0;
                        font-family: var(--font-icons);
                        display: inline-block;
                        margin-right: -1.6rem;
                      }
                      &::after {
                        content: "Login";
                        text-indent: 0;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .f-nav-search {
      background: var(--color--silver--l40);
    }
  }

  /* Community-Level: Containers
--------------------------------------------------------------------------------------------------------------------*/
  .all_container {
    width: 100%;

    .content {
      width: 100%;

      /* Community-Level: Community Navigation
--------------------------------------------------------------------------------------------------------------------*/

      #navbar {
        width: 100%;
        margin: 0;
        display: flex;
        padding: 0 4rem;
        height: 4.8rem;

        #dynamic_navigation_bar {
          flex: 0 0 100%;
          display: flex;
          align-items: flex-start;

          .bi_dynamic_navigation {
            display: flex;
            gap: 1.6rem;
            margin-top: 6px;
            align-items: flex-start;
            width: 100%;

            li {
              &:first-child {
                a {
                  padding-left: 0;
                }
              }

              &.dynamic_horizontal_selected {
                a[href*="level_id=CA392EDF"],
                a[href*="level_id=D44C66CA"] {
                  color: var(--color--gray--dark) !important;

                  &:hover {
                    color: var(--color--blue) !important;
                  }
                }
              }

              &.dynamic_horizontal_selected:first-of-type a {
                color: #212121 !important;

                &:hover {
                  color: var(--color--blue) !important;
                }
              }

              &.fractal-community-admin-nav-dropdown-container {
                margin-left: auto;
              }

              a {
                font-size: 1.4rem;
                font-weight: 500;
                font-family: var(--font-stack--body);
                margin: 0;
                padding: 8px;
                line-height: 1;
                background-color: transparent;
                border-radius: 8px;
              }
            }

            .f-dropdown-btn {
              margin: 0;
            }
          }
        }
      }

      /* Community-Level: Community Content
--------------------------------------------------------------------------------------------------------------------*/
      #main_content {
        width: 100%;
        display: flex;
        flex-direction: column;

        #container_ent_home_1 {
          width: 100%;
          margin: 0;
        }

        #container_ent_home_2 {
          width: 100%;
          margin: 0;
        }
      }
    }
  }

  /* Community-Level: Home Page
--------------------------------------------------------------------------------------------------------------------*/
  #bi-page-c-ent-homex {
    overflow-x: hidden;
    .widget_title {
      font-size: 3.2rem;
      padding: 0;
    }

    /* Community-Level: Home Page: Container 1
--------------------------------------------------------------------------------------------------------------------*/

    #container_ent_home_1 {
      background-color: #ccc;
      min-height: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;

      padding: var(--section--padding--standard);

      background-image: var(--hero--home--bg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;

      &::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        display: block;
      }

      .widget_container {
        margin-bottom: 0;
        width: 100%;
        z-index: 1;
      }

      .boxcontent {
        padding: 0;
        overflow: visible;
      }
    }

    /* Community-Level: Home Page: Container 2
--------------------------------------------------------------------------------------------------------------------*/

    #container_ent_home_2 {
      min-height: 0;
      background-color: var(--color--gray--light--1);
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: var(--section--padding--small);

      .widget_container {
        margin: 0;
        width: 100%;
        max-width: var(--container--max-width);

        &:not(:first-child) {
          margin-top: 4rem;
        }

        .title_back {
          padding: 0;
        }

        .boxcontent {
          padding: 0;
          overflow: visible;
        }
      }
    }

    /* Community-Level: Home Page: Container 3
--------------------------------------------------------------------------------------------------------------------*/

    #container_ent_home_3 {
      display: none;
      flex-direction: column;
      align-items: center;
      padding: var(--section--padding--standard);
      min-height: 100px;
      width: 100%;
      margin: 0;
      background-color: var(--color--white);

      .widget_container {
        margin: 0;
        width: 100%;
        max-width: var(--container--max-width);

        &:not(:first-child) {
          margin-top: 4rem;
        }

        .title_back {
          padding: 0;
        }

        .boxcontent {
          padding: 0;
          overflow: visible;
        }
      }
    }

    /* Community-Level: Home Page: Container 4
--------------------------------------------------------------------------------------------------------------------*/

    #container_ent_home_4 {
      display: none;
      flex-direction: column;
      align-items: center;
      padding: 0;
      min-height: 100px;
      width: 100%;
      margin: 0;
      background-color: var(--color--white);

      .widget_container {
        margin: 0;
        width: 100%;

        &:not(:first-child) {
          margin-top: 4rem;
        }

        .title_back {
          padding: 0;
        }

        .boxcontent {
          padding: 0;
          overflow: visible;
        }
      }
    }

    /* Community-Level: Home Page: Container 5
--------------------------------------------------------------------------------------------------------------------*/

    #container_ent_home_5 {
      display: none;
      flex-direction: column;
      align-items: center;
      padding: var(--section--padding--standard);
      min-height: 100px;
      width: 100%;
      margin: 0;
      background-color: var(--color--gray--light--1);

      .widget_container {
        margin: 0;
        width: 100%;
        max-width: var(--container--max-width);

        &:not(:first-child) {
          margin-top: 4rem;
        }

        .title_back {
          padding: 0;
        }

        .boxcontent {
          padding: 0;
          overflow: visible;
        }
      }
    }

    /* Community-Level: Home Page: Container 6
--------------------------------------------------------------------------------------------------------------------*/

    #container_ent_home_6 {
      display: none;
      flex-direction: column;
      align-items: center;
      padding: var(--section--padding--standard);
      min-height: 100px;
      width: 100%;
      margin: 0;
      background-color: var(--color--white);

      .widget_container {
        margin: 0;
        width: 100%;
        max-width: var(--container--max-width);

        &:not(:first-child) {
          margin-top: 4rem;
        }

        .title_back {
          padding: 0;
        }

        .boxcontent {
          padding: 0;
          overflow: visible;
        }
      }
    }

    /* Community-Level: Home Page: Webstorms Widget
--------------------------------------------------------------------------------------------------------------------*/

    #visual-large-webstorms-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
      gap: 2.4rem;

      .vwl-webstorm {
        border-radius: var(--border-radius--standard);
        overflow: hidden;
        background-color: var(--color--white);
        margin: 0;
        transition: 0.2s ease;
        box-shadow: var(--box-shadow-standard);
        font-family: unset;
        border: none;

        &:hover {
          box-shadow: var(--box-shadow-hover);
        }

        > .vwl-panel {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          padding: 0;
          background-color: var(--color--white);

          .vwl-content {
            margin: 0;
            height: auto;
            padding: 2.4rem;
            width: 100%;

            .vwl-webstorm-title {
              font-size: 2rem;
              line-height: 1.2;
              height: auto;
              color: var(--color--titles);
              font-weight: 500;

              margin-bottom: 2rem;
            }

            .vwl-webstorm-description {
              font-size: 1.3rem;
              line-height: 1.6;
              color: var(--color--text);
              margin-bottom: 1.6rem;

              height: 6rem;
              line-clamp: 3;
              -webkit-line-clamp: 3;
              display: -webkit-box;
              -webkit-box-orient: vertical;
            }

            .vwl-count-wrap {
              font-size: 1.2rem;
              color: var(--color--silver);
            }

            .vwl-phase-wrap {
              display: none;
            }
          }

          .vwl-image {
            width: 100%;
            height: 26rem;
            border-radius: 0;
            position: relative;

            &::before {
              content: "";
              top: 0;
              left: 0;
              width: 100%;
              height: 12px;
              background-color: var(--color--blue);
              display: inline-block;
            }

            img {
              width: 100%;
              height: 26rem;
              object-fit: cover;
              border-radius: 0;
            }
          }

          .hover-menu {
            position: unset;
            height: 4.8rem;
            border-top: 1px solid var(--color--silver--l40);

            .hover-buttons {
              margin: 0;
              width: auto;
              min-width: 0;
              opacity: 1;
              visibility: visible;
              height: 100%;
              display: flex;

              .view-topic-btn {
                display: none;
              }

              a {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: 0.2s ease;
                font-size: 1.4rem;
                font-weight: 400;

                &.post-idea-btn {
                  border-left: 1px solid var(--color--silver--l40);
                }

                &:hover {
                  background-color: var(--color--blue);
                  color: var(--color--white);
                  text-decoration: none;
                }
              }
            }

            .vml-hover-dim {
              height: 100%;
              opacity: 0;

              a {
                height: 100%;
              }
            }
          }
        }
      }
    }
  }
  #custom_footer {
    background-color: #bdc3c7;
  }
}

/* BI:  Toggle Menu (for mobile)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 48em) {
  #global-nav-placeholder {
    display: none;
  }

  #banner #global-nav {
    width: 50%;
    z-index: 100;
  }

  #global-nav-bar-content #nav-bar {
    padding: 0 2.4rem;
  }

  .fractal-global-nav .f-nav-wrapper .f-nav-right {
    display: none;
  }

  .fractal-global-nav .f-nav-wrapper .f-nav-logo img {
    max-height: 20px;
  }

  #global-nav-bar-content {
    width: 100%;
  }

  #search {
    display: none;
  }

  #nav-bar {
    width: 100%;
  }

  #nav-bar #action-items,
  #nav-bar #messages,
  #nav-bar #notifications,
  #nav-bar #account {
    display: none;
  }

  body.community-level .all_container .content#bi-page-c-ent-homex #navbar {
    z-index: 10000;
    background: var(--gradient--blue);
    padding-top: 36px;
    position: fixed;
    top: 0;
    text-align: left;
    left: -100%;
    transition: 0.3s ease;
    width: 100%;
    height: 100% !important;
    align-items: flex-start;

    /* background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/NA5/OD15040/9FCAD617.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */

    #dynamic_navigation_bar {
      .bi_dynamic_navigation {
        flex-direction: column;
        margin: 0 !important;
        width: 100%;
        height: calc(100vh - 72px);
        justify-content: center;

        li {
          display: block;
          width: 100%;

          &.dynamic_horizontal_selected {
            background-color: transparent;
          }

          a {
            padding: 2.4rem 0;
            font-size: 24px;
            background-color: transparent;
            font-weight: 500;
            letter-spacing: 2px;
            text-align: left;
            margin: 0.8rem 0;
            text-align: center;
            color: var(--color--white) !important;

            &.bi_dynamic_topmenu_selected {
              background-color: transparent;
              color: var(--color--blue) !important;

              &:first-of-type {
                a {
                  color: var(--color--white) !important;
                }
              }
            }

            &::after {
              display: none;
            }
          }
        }

        .fractal-dropdown {
          display: flex;
          justify-content: center;
        }
      }
    }
  }

  .toggle-close {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
  }

  .toggle-close i {
    font-size: 4rem;
    color: var(--color--white);
  }

  .toggle-close:hover {
    color: #0185c3;
  }

  .toggle-close-global-nav {
    color: #aaa;
    cursor: pointer;
  }

  .toggle-close-global-nav:hover {
    color: #0185c3;
  }

  .toggle-menu-container {
    width: 100%;
    max-width: 960px;
    padding: 0 1.6rem 0 0;
    box-sizing: border-box;
  }

  .toggle-menu {
    display: block;
    padding-top: 12px;
    width: 25%;
    background-color: transparent;
    height: 48px;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
  }

  .menu-icon {
    float: right;
    cursor: pointer;
    color: var(--color--blue--5);

    i {
      font-size: 4rem;
    }
  }

  .menu-icon:hover,
  .global-nav-icon:hover {
    color: #0185c3;
  }

  .global-nav-icon {
    float: right;
    cursor: pointer;
  }

  .jump-link {
    position: absolute;
    top: -48px;
  }

  .stick-to-top {
    top: auto !important;
  }

  .bi_dynamic_navigation .hide_submenu a,
  .bi_dynamic_navigation .show_submenu a {
    border: none;
    height: auto;
  }

  body #navbar ul li.fractal-community-admin-nav-dropdown-container {
    display: none;
  }
}

/* END TOGGLE MENU FOR MOBILE*/

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 732px) {
  .toggle-menu,
  .toggle-close,
  .toggle-close-global-nav {
    display: none;
  }

  .stick-to-top {
    display: block;
  }
}

#navbar.slide-right {
  left: 0 !important;
}