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

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

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

body.webstorm-level,
body.webstorm-level .content {
    font-family: 'Raleway', 'Open Sans', arial, sans serif !important;
}

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

:root {
    --box-shadow-standard: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
    --box-shadow-hover: 0 5px 20px 0 rgb(0 0 0 / 21%);
    --blue: #149CE6;
    --blue-alt: #6ec2ef;
    --dark-green: #387067;
    --light-green: #F0F5F0;
    --black: #282D28;
    --gray: #C6CDC6;
    --gradient: linear-gradient(315deg, rgba(152, 194, 31, 1) 0%, rgba(38, 166, 236, 1) 100%);
}


/* Flexbox
--------------------------------------------------------------------------------------------------------------------*/
.full,
.content-block {
    max-width: 96rem;
    width: 100%;
    position: relative;
}

.full-flex {
    height: 100vh;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
}

.container-block {
    width: 100%;
    max-width: 1280px;
    position: relative;
}

.container-block--narrow {
    max-width: 1040px;
}

.divider--top .container-block::before {
    content: '';
    top: -9.6rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    display: block;
}

/* Rows */
.row,
.full {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.collapse>.cell,
.full.collapse>.cell {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse>.row,
.full.collapse>.row {
    margin-left: 0;
    margin-right: 0;
}

.row,
.container-block .row {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.row.inside {
    margin-left: -.75rem;
    margin-right: -.75rem;
}

.nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/* Justify Row */
.justify-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-center {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-space {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* Row Direction */
.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.column {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.column-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* Cells */
.cell {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}

.cell.fit {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.cell.collapse {
    padding-left: 0;
    padding-right: 0;
    display: block;
}

.cell.content-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    min-width: 100%;
}

.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven,
.twelve,
.fifths,
.half,
.third,
.noflex {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.twelve {
    width: 100%;
}

.eleven {
    width: calc(100%/12 * 11);
}

.ten {
    width: calc(100%/12 * 10);
}

.nine {
    width: 75%;
}

.eight {
    width: calc(100%/12 * 8);
}

.seven {
    width: calc(100%/12 * 7);
}

.six,
.half {
    width: 50%;
}

.five {
    width: calc(100%/12 * 5);
}

.four,
.third {
    width: calc(100%/12 * 4);
}

.three {
    width: 25%;
}

.two {
    width: calc(100%/12 * 2);
}

.one {
    width: calc(100%/12);
}

.fifths {
    width: 20%;
}

.offset-1 {
    margin-left: calc(100%/12);
}

.offset-2 {
    margin-left: calc(100%/12 * 2);
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: calc(100%/12 * 4);
}

.offset-5 {
    margin-left: calc(100%/12 * 5);
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: calc(100%/12 * 7);
}

.offset-8 {
    margin-left: calc(100%/12 * 8);
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: calc(100%/12 * 10);
}

.offset-11 {
    margin-left: calc(100%/12 * 11);
}

/* clears */
.clear:before,
.clear:after {
    content: '';
    display: table
}

.clear:after {
    clear: both
}

.clear {
    zoom: 1
}

/* ALIGNMENT */
.align-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.align-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.align-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-stretch .cell {
    background-clip: content-box;
}

/* Media Queries */
@media only screen and (max-width: 1000px) and (min-width: 768px) {
    .medium-twelve {
        width: 100%;
    }

    .medium-eleven {
        width: calc(100%/12 * 11);
    }

    .medium-ten {
        width: calc(100%/12 * 10);
    }

    .medium-nine {
        width: 75%;
    }

    .medium-eight {
        width: calc(100%/12 * 8);
    }

    .medium-seven {
        width: calc(100%/12 * 7);
    }

    .medium-six,
    .half {
        width: 50%;
    }

    .medium-five {
        width: calc(100%/12 * 5);
    }

    .medium-four,
    .third {
        width: calc(100%/12 * 4);
    }

    .medium-three {
        width: 25%;
    }

    .medium-two {
        width: calc(100%/12 * 2);
    }

    .medium-one {
        width: calc(100%/12);
    }

    .medium-fifths {
        width: 20%;
    }

    .medium-one,
    .medium-two,
    .medium-three,
    .medium-four,
    .medium-five,
    .medium-six,
    .medium-seven,
    .medium-eight,
    .medium-nine,
    .medium-ten,
    .medium-eleven,
    .medium-twelve,
    .medium-fifths,
    .medium-half,
    .medium-third {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
}

/* smaller than 768px */
@media only screen and (max-width: 768px) {

    /* Typography */
    h1.super-header.vw {
        font-size: 7vw;
    }

    h1.vw {
        font-size: 6vw;
    }

    h2.vw {
        font-size: 5vw;
    }

    h3.vw {
        font-size: 4.5vw;
    }

    h4.vw {
        font-size: 4vw;
    }

    h5.vw {
        font-size: 3.5vw;
    }

    .small-text-center {
        text-align: center;
    }

    .small-text-left {
        text-align: left;
    }

    .small-text-right {
        text-align: right;
    }

    .hide-small {
        display: none !important;
    }

    .hide-large {
        display: inherit !important;
    }

    .cell {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .hold>.cell,
    .column>.cell,
    .column-reverse>.cell {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .hold>.cell.fit,
    .column>.cell.fit,
    .column-reverse>.cell.fit {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .hold>.one,
    .hold>.two,
    .hold>.three,
    .hold>.four,
    .hold>.five,
    .hold>.six,
    .hold>.seven,
    .hold>.eight,
    .hold>.nine,
    .hold>.ten,
    .hold>.eleven,
    .hold>.twelve,
    .hold>.fifths,
    .hold>.half,
    .hold>.third {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    .small-twelve {
        width: 100%;
    }

    .small-eleven {
        width: calc(100%/12 * 11);
    }

    .small-ten {
        width: calc(100%/12 * 10);
    }

    .small-nine {
        width: 75%;
    }

    .small-eight {
        width: calc(100%/12 * 8);
    }

    .small-seven {
        width: calc(100%/12 * 7);
    }

    .small-six,
    .half {
        width: 50%;
    }

    .small-five {
        width: calc(100%/12 * 5);
    }

    .small-four,
    .third {
        width: calc(100%/12 * 4);
    }

    .small-three {
        width: 25%;
    }

    .small-two {
        width: calc(100%/12 * 2);
    }

    .small-one {
        width: calc(100%/12);
    }

    .small-fifths {
        width: 20%;
    }

    .small-one,
    .small-two,
    .small-three,
    .small-four,
    .small-five,
    .small-six,
    .small-seven,
    .small-eight,
    .small-nine,
    .small-ten,
    .small-eleven,
    .small-twelve,
    .small-fifths,
    .small-half,
    .small-third {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
}

/* Bootstrap 3 Modifications
--------------------------------------------------------------------------------------------------------------------*/

.center-block {
    float: none;
}

.text--center {
    text-align: center;
}

.text--left {
    text-align: left;
}

.text--right {
    text-align: right;
}

.center-block {
    float: none;
}

.row {
    min-width: 100%;
}


/* Additional Colors
--------------------------------------------------------------------------------------------------------------------*/

.text--white {
    color: #fff;
}

.text--blue {
    color: var(--blue);
}

.text--dark-green {
    color: var(--dark-green);
}

.text--gray {
    color: var(--gray);
}

.bg--white {
    background-color: #fff;
}

.bg--blue {
    background-color: var(--blue);
}

.bg--dark-green {
    background-color: var(--dark-green);
}

.bg--light-green {
    background-color: var(--light-green);
}


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

body:not(.userhome-body) p,
body.webstorm-level .widget_container p,
body.webstorm-level .rich_text_widget p {
    font-size: 2.1rem;
    line-height: 3.6rem;
}

body.webstorm-level .widget_container .boxcontent a {
    font-weight: 700;
}

p:not(:first-of-type) {
    margin-top: 2.4rem;
}

.jump-link {
    position: absolute;
    top: -6.4rem;
}

.h1 {
    font-size: 4.4rem;
    line-height: 5.4rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
    display: block;
}

.h2 {
    font-size: 3.2rem;
    line-height: 4.4rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
    display: block;
}

.h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
    display: block;
}

.h4 {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 400;
}

.h5 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    display: inline-block;
}

.super-title {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Raleway', 'Open Sans', arial, sans serif !important;
}


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

a.button {
    display: inline-block;
    transition: 0.2s ease;
    padding: 1.6rem 2.4rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-top: 1.6rem;
    position: relative;
    border-radius: 4px;
}

a.button:hover {
    text-decoration: none;
}

a.button--blue {
    background-color: var(--blue);
    color: #fff;
}

a.button--blue:hover {
    background-color: var(--dark-green);
    color: #fff;
}

a.button--wide {
    width: 100%;
}

a.button--arrow::after {
    content: '\f061';
    font-family: Font Awesome\ 5 Pro, FontAwesome;
    position: absolute;
    right: 2.4rem;
}


.button--left-aligned {
    margin-right: 0.8rem;
}

.button--shadow,
.post_blog_button a {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.button--shadow:hover,
.post_blog_button a:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

.row.row--buttons {
    margin-top: 2.4rem;
}


/* Sections & Dividers
--------------------------------------------------------------------------------------------------------------------*/

.section {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 9.6rem 0;
}


/* Global Navigation
--------------------------------------------------------------------------------------------------------------------*/

.webstorm-level #global-nav-bar {
    box-shadow: none;
}

body.webstorm-level .f-nav-wrapper,
body.webstorm-level .f-global-nav-center .f-nav-wrapper,
body.webstorm-level .f-nav-wrapper,
body.webstorm-level .fractal-dynamic-nav-v1 ul.desktop-nav-core-items {
    max-width: 100%;
    padding: 0 2.4rem;
}

.fractal-global-nav.f-fixed#global-nav-bar {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.webstorm-level .fractal-dynamic-nav-v1.fixed .nav-desktop,
body.webstorm-level .fractal-dynamic-nav-v1.fixed div.nav-mobile {
    top: 0 !important;
    transition: none !important;
}

body.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop,
body.webstorm-level #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
    transition: none !important;
}


body.webstorm-level .fractal-global-nav .f-nav-wrapper .f-nav-logo img {
    max-height: 4.8rem;
    display: none;
}

body.webstorm-level .fractal-global-nav .f-nav-wrapper a.f-nav-logo::before {
    content: '';
    height: 4rem;
    width: 13rem;
    display: inline-block;
    background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/NA5/OD11232/A7CB0B0A.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}



/* Page Navigation
--------------------------------------------------------------------------------------------------------------------*/

#navbar {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    top: 0;
    padding: 0 2.4rem;
}

.enterprise-level #dynamic_navigation_bar {
    margin: 0 auto !important;
}

.enterprise-level .bi_dynamic_navigation>li {
    font-size: 1.4rem;
}

.webstorm-level .fractal-dynamic-nav-v1 .nav-children.li a,
.webstorm-level .fractal-dynamic-nav-v1 .nav-parent a {
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0;
}

body.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop,
body.webstorm-level #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
    height: 4.8rem;
}

body.webstorm-level .fractal-dynamic-nav-v1 .nav-children.li,
body.webstorm-level .fractal-dynamic-nav-v1 .nav-parent {
    margin: 0 15px;
}

body.webstorm-level #bi-page-ct-a-enter-idea #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
    position: absolute;
    top: 50px;
}

body.webstorm-level #bi-page-ct-a-enter-idea #main_content {
    padding: 0;
}

body.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop .nav-children {
    top: 4.8rem;
    box-shadow: none;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    width: auto;
    padding: 4px;
}

body.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop .nav-children li a {
    font-size: 12px;
    font-weight: 700;
    padding: 0 10px;
    min-width: 200px;
}

body.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop .nav-parent i.fa-angle-down {
    color: #888;
}


/* Widgets
--------------------------------------------------------------------------------------------------------------------*/

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

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

.title_back {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.widget_title {
    padding: 0;
    font-size: 4.8rem;
    line-height: 6.4rem;
    margin-bottom: 2.4rem;
}


/* Individual Containers
--------------------------------------------------------------------------------------------------------------------*/

#container_1,
#container_2,
#container_3,
#container_4,
#container_5 {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: none;
    clear: none;
    width: 100%;
    margin: 0;
    background-color: #fff;
    padding: 0;
}



/* Cotnainer Images
--------------------------------------------------------------------------------------------------------------------*/

.container--image {
    width: 100%;
    height: 100%;
    min-height: 36rem;
}

.container--image--interior {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    z-index: 1;
}

.container--image img {
    min-width: 100%;
    max-height: 120%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.container--image--dots-left::after {
    content: '';
    background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/NA5/OD11232/53512D04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20rem;
    height: 20rem;
    position: absolute;
    left: -2.4rem;
    bottom: -4.8rem;
    z-index: 0;
}

.container--image--dots-right::after {
    content: '';
    background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/NA5/OD11232/53512D04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20rem;
    height: 20rem;
    position: absolute;
    right: -2.4rem;
    bottom: -4.8rem;
    z-index: 0;
}

.content--links {
    margin-top: 1.6rem;
}

.content--links ul li {
    display: inline-block;
    margin-right: 2.4rem;
    margin-top: 2.4rem;
}

.link--arrow {
    text-transform: uppercase;
    font-size: 1.6rem;
}


.link--arrow::after {
    content: '\f061';
    font-family: Font Awesome\ 5 Pro, FontAwesome;
    margin-left: 0.8rem;
    display: inline-block;
    transition: 0.2s ease;
}

.link--arrow:hover {
    text-decoration: none;
}

.link--arrow:hover::after {
    transform: translateX(3px);
    text-decoration: none;
}



/* Home Page
--------------------------------------------------------------------------------------------------------------------*/

body.webstorm-level #bi-page-s #main_content {
    text-align: unset;
    max-width: 100%;
}

body.webstorm-level #bi-page-s #main_content #container_1 {
    padding: 0 !important;
    margin-top: 4.8rem !important;
}

#bi-page-s #container_2,
#bi-page-s #container_3,
#bi-page-s #container_4,
#bi-page-s #container_5 {
    display: none;
}

body.webstorm-level #bi-page-s #main_content #container_1 .widget_container,
body.webstorm-level #bi-page-s #main_content #container_2 .widget_container,
body.webstorm-level #bi-page-s #main_content #container_3 .widget_container,
body.webstorm-level #bi-page-s #main_content #container_4 .widget_container,
body.webstorm-level #bi-page-s #main_content #container_5 .widget_container,
body.webstorm-level #bi-page-s #main_content #container_6 .widget_container {
    max-width: 100%;
}

.section.hero {
    min-height: 0;
    height: auto;
    padding: 8rem 0;
    background-image: none;
    overflow: visible;
}



.section.submit-profile .cell,
.section.view-profile .cell {
    display: flex;
    align-items: center;
}


/* Home Page: Resources
--------------------------------------------------------------------------------------------------------------------*/

.container--resources {
    margin-top: 2.4rem;
}

.container--resources .cell {
    margin-top: 2.4rem;
}

.resource--content--card {
    background-color: var(--light-green);
    border-radius: 4px;
    overflow: hidden;
    display: block;
    transition: 0.2s ease;
    height: 100%;
    position: relative;
}

.resource--content--card:hover {
    box-shadow: var(--box-shadow-hover);
    background-color: #fff;
}

.resource--content--card:hover {
    text-decoration: none;
}

.resource--content--card .container--image {
    height: 18rem;
    min-height: 0;
}

.resource--content--card .container--image img {
    max-height: 110%;
}

.resource--content--card .container--image--interior {
    border-radius: 0;
}

.resource--content--card--container--content {
    padding: 2.4rem;
}

.container--card--type {
    position: absolute;
    bottom: 2.4rem;
    left: 2.4rem;
    color: var(--black);
    font-weight: 400;
    font-size: 1.2rem;
}

.resource--content--card .icon--arrow::after {
    content: '\f061';
    font-family: Font Awesome\ 5 Pro, FontAwesome;
    display: inline-block;
}

.icon--arrow {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
    transition: 0.2s ease;
    font-size: 1.2rem;
}

.resource--content--card:hover .icon--arrow {
    transform: translateX(3px);
}



/* Submit Profile
--------------------------------------------------------------------------------------------------------------------*/


body.webstorm-level #main_idea_container #form legend {
    font-weight: 700;
    color: #282D28;
    font-size: 2.2rem;
}

body.webstorm-level #main_idea_container .set-section {
    border: 1px solid #d9d9d9;
    padding: 2.4rem;
    margin: 2.4rem 0 0;
}

body.webstorm-level #main_idea_container #idea-layout #side-preview-section {
    width: 100% !important;
    max-width: 700px;
}

body.webstorm-level #main_idea_container .bootstrap-tagsinput .label-info {
    color: #797d7f;
}




/* View Profile Board
--------------------------------------------------------------------------------------------------------------------*/

body.webstorm-level #bi-page-ct-list {
    background-color: #fff;
}

body.webstorm-level #bi-page-ct-list #main_content {
    position: relative;
    max-width: 100%;
}

.webstorm-level #bi-page-ct-list .fractal-widget-ideaboard {
    margin-top: 16rem;
}

.hero.view-profiles.visible {
    height: 18rem;
    display: flex;
    top: -18rem;
    position: absolute;
    width: 100%;
}

.hero.view-profiles {
    display: none;
}

.hero.view-profiles .h1 {
    margin-bottom: 0;
}

#bi-page-ct-list #custom_footer {
    display: block;
}

.webstorm-level #bi-page-ct-list .ideaboard-top {
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
}

.webstorm-level #bi-page-ct-list .ideaboard-filter-bar {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.8rem 0;
}

.webstorm-level #bi-page-ct-list .fractal-widget-ideaboard .ideaboard-bottom {
    max-width: 1280px;
    margin: 2.4rem auto;
}

.webstorm-level #bi-page-ct-list #banner {
    position: relative;
}

.webstorm-level #bi-page-ct-list #navbar {
    position: relative;
}


body.webstorm-level #bi-page-ct-list .ideaboard-filter-bar .ideaboard-filter-left .ideaboard-filter-button-sidebar {
    border: 1px solid var(--blue);
    color: #fff;
    background-color: var(--blue);
    border-radius: 0;
    transition: 0.2s ease;
}

body.webstorm-level #bi-page-ct-list .ideaboard-filter-bar .ideaboard-filter-left .ideaboard-filter-button-sidebar:hover {
    background-color: var(--blue-alt);
    border-color: var(--blue-alt);
}

body.webstorm-level #bi-page-ct-list .ideaboard-filter-bar .ideaboard-filter-left .ideaboard-filter-button-sidebar.active {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
    color: #fff;
}

body.webstorm-level #bi-page-ct-list .fractal-button.f-btn-standard:focus:not(:active) {
    box-shadow: none;
}

body.webstorm-level #bi-page-ct-list .fractal-widget-ideaboard .ideaboard-sidebar .ideaboard-sidebar-float {
    background-color: #eaeaea;
    border-color: #d9d9d9;
}

body.webstorm-level .fractal-widget-ideaboard .ideaboard-filter-bar .f-btn-link-animated {
    height: 32px;
    line-height: 32px;
}

body.webstorm-level #bi-page-ct-list .fractal-button.f-btn-link-animated:after {
    border-color: var(--blue);
    border-width: 3px;
    margin-top: 13px;
}

body.webstorm-level #bi-page-ct-list .ideaboard-filter-bar .ideaboard-filter-right {
    align-items: center;
}

body.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card {
    background-color: var(--light-green);
}

body.webstorm-level #bi-page-ct-list .fractal-secondary-ideas-view-grid .ideaboard-card.f-nov-2019-card-redesign .f-card-top .f-card-title {
    font-family: 'Raleway', 'Open Sans', arial, sans serif;
    color: var(--dark-green);
}


body.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card.f-nov-2019-card-redesign .f-card-description .f-card-info-row .f-idea-score-footer-item[data-votes] {
  display: none;
}



/* View Profile
--------------------------------------------------------------------------------------------------------------------*/

#bi-page-ct-a-view-idea {
    background-color: var(--light-green);
}

.webstorm-level #bi-page-ct-a-view-idea #main_content {
    margin-top: 4.8rem;
}

.webstorm-level #idea-title-wrapper #idea-title {
    font-size: 2.4rem;
    color: var(--dark-green);
}

body.webstorm-level #tab-content .tab-content-container-description,
body.webstorm-level #view-idea-horizontal-tabs {
    color: var(--black);
}

body.webstorm-level #bi-page-ct-a-view-idea #desc-text p:not(:first-child) {
    margin-top: 0;
}

body.webstorm-level .details_stats_container {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

body.webstorm-level .widget_container .details_stats_container .idea_details_header td {
    padding: 0.8rem;
    border-bottom: 1px solid #d9d9d9;
}

body.webstorm-level .widget_container .details_stats_container td {
    padding: 0.2rem 0.8rem;
}

body.webstorm-level .widget_container .details_stats_container tr:nth-child(2) td {
    padding-top: 0.8rem;
}

body.webstorm-level .widget_container .details_stats_container tr:last-child td {
    padding-bottom: 0.8rem;
}


.webstorm-level #bi-page-ct-a-view-idea #team_details {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0.8rem;
    position: relative;
}

body.webstorm-level #team_details>div>table>tbody>tr>td:nth-child(2) {
    margin: 0;
}

.webstorm-level #bi-page-ct-a-view-idea #team_details::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    top: 3.2rem;
    left: 0;
    background-color: #d9d9d9;
    position: absolute;
}

.webstorm-level #bi-page-ct-a-view-idea #inline-edit-icon-team_details.team_details-edit-icon {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
}

.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_2 .board-voting-disabled {
  display: none;
}

.webstorm-level #bi-page-ct-a-view-idea #history-tab {
  display: none !important;
}

.webstorm-level #bi-page-ct-a-view-idea #idea_details_points, 
.webstorm-level #bi-page-ct-a-view-idea #idea_details_votes {
  display: none;
}


/* Responsive Styles:  Less Than 768px Width (Mobile Devices)
--------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {

    html,
    .root {
        font-size: 50%;
    }

    .negative-title-space {
        margin: 0;
    }

    #body_div {
        overflow: hidden !important;
    }

    .enterprise-level .f-nav-wrapper,
    .webstorm-level .f-nav-wrapper {
        width: 100%;
    }


    /* Navigation
--------------------------------------------------------------------------------------------------------------------*/

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile {
        box-shadow: none;
        height: 50px;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar {
        background-color: #fff;
        height: 50px;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar .nav-logo-link img {
        max-height: 32px;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar .nav-icon:after,
    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar .nav-icon:before,
    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar .nav-icon div {
        background-color: var(--dark-green);
        height: 2px;
        margin: 3px 0;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar .nav-icon {
        width: 18px;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar.nav-mobile-deployed .nav-icon:after {
        transform: translateY(2px) rotate(-135deg);
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-parent button {
        color: #aaa;
        text-transform: capitalize;
        font-weight: 700;
        font-size: 1.6rem;
        font-weight: 400;
        flex: 1;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-menu .nav-parent-list a {
        color: #aaa !important;
        font-size: 1.6rem;
        font-weight: 400;
        padding: 0;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-menu .nav-parent-list>li {
        display: flex;
        align-items: center;
        border: none;
        flex-wrap: wrap;
        margin: 0;
        padding: 0 1.6rem;
    }

    body.webstorm-level .nav-mobile-bar.nav-mobile-deployed,
    body.webstorm-level .nav-mobile-menu.nav-mobile-deployed {
        background-color: var(--black) !important;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-children-visible {
        flex: 0 0 100%;
        margin-left: 2.4rem;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-menu .mobile-toggle-children-btn-container {
        flex: 0 1 !important;
        padding: 0 1.6rem;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile-deployed .nav-icon:after,
    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile-deployed .nav-icon:before,
    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile-deployed .nav-icon div {
        background-color: #aaa !important;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-menu .mobile-toggle-children-btn-container i.mobile-toggle-children-btn {
        color: #aaa !important;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile-deployed .nav-icon {
        margin-top: -1.6rem;
        margin-right: 1.6rem;
    }

    body.webstorm-level .fractal-dynamic-nav-v1.fixed div.nav-mobile {
        width: 100%;
        height: auto;
        background-color: var(--black) !important;
    }

    body.webstorm-level .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-menu>ul {
        border: none;
    }


    /* Cotnainers
--------------------------------------------------------------------------------------------------------------------*/
    .all_container {
        height: auto;
    }



    /* Home Page
--------------------------------------------------------------------------------------------------------------------*/
    body.webstorm-level #bi-page-s #main_content #container_1 {
        margin-top: 50px !important;
    }


    /* Resources
--------------------------------------------------------------------------------------------------------------------*/
    .resource--content--card .container--image,
    .container--image--dots-left::after,
    .container--image--dots-right::after,
    .container--image {
        display: none;
    }

    /* Submission Form
--------------------------------------------------------------------------------------------------------------------*/
    body.webstorm-level #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
        height: auto !important;
    }

    .section.hero.submission-form.visible {
        margin-top: 50px !important;
    }

    body.webstorm-level #bi-page-ct-a-enter-idea #main_idea_container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }


    /* Idea Boards
--------------------------------------------------------------------------------------------------------------------*/

    body.webstorm-level #bi-page-ct-list .fractal-widget-ideaboard {
        margin-top: 194px;
    }


    /* View Idea
--------------------------------------------------------------------------------------------------------------------*/
    body.webstorm-level #bi-page-ct-a-view-idea #main_content {
        margin-top: 50px;
        padding-top: 4.8rem;
    }

    /*BI: Footer
--------------------------------------------------------------------------------------------------------------------*/

    .enterprise-level #custom-footer {
        height: 12rem;
    }

    #custom-footer .row .cell.text--left,
    #custom-footer .row .cell.text--right {
        text-align: center;
    }

    #custom-footer .row .cell:last-of-type {
        margin-top: 0.8rem;
    }

}