/* Background Images and Footer */
/* Theme Roller */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Lato';
}

p {
    color: #4D5259;
}

.bg-silver {
    background-color: #F0F3F5;
}

.bg-silver>div {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-silver>div:empty {
    padding: 0;
}


.padding-60>div {
    padding-top: 60px;
    padding-bottom: 60px
}


.padding-40>div {
    padding-top: 40px;
    padding-bottom: 40px
}

.padding-30>div {
    padding-top: 30px;
    padding-bottom: 30px
}

.bg-light-grey {
    background-color: #FAFAFA;
}

a {
    color: #437C0D;
}

a:hover,
a:focus {
    color: #000;
}



/*** accordions ***/
.accordion-heading button {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #000;
    background: #fff;
    /* padding: 15px 0px; */
    margin: 0;
    border: none;
    border-top: 1px solid #f4f4f4;
    cursor: pointer;
    transition: .3s;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 30px 30px 30px 0;
}

.accordion-heading button:hover,
.accordion-heading button:focus {
    color: #437C0D;
    transition: .3s;
}

.accordion-heading button::before {
    font-family: Juniper;
    content: '\f010';
    margin-right: 10px;
    position: absolute;
    right: 0;
    color: #4D5259;
}

.open .accordion-heading button::before {
    font-family: Juniper;
    content: '\f011';
}

.accordion-text {
    display: none;
    padding-left: 0;
    padding-right: 0;
}

.accordion-wrap .ContentItemHtml,
.accordion-wrap .ContentItemHtml:hover {
    transition: none !important;
}

.accordion-wrap {
    /* margin-bottom: 15px; */
    margin-right: 50px;
}

.accordion-text p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

/* Styling for Juniper Header */

#MPOuterHeader .col-md-12 {
    padding: 0;
}

#MPOuterHeader #NAV,
#MPOuterHeader #HEADER #MPheader>.row {
    margin: 0;
}


#MPOuterMost.full #HEADER,
html body sw-primary-nav {
    max-width: none;
}

#MPOuterMost.full #HEADER>.col-md-12 {
    padding: 0;
}

#MPOuterMost.full #FOOTER {
    max-width: none;
    padding: 0;
}

#FOOTER #MPFooterLink,
#FOOTER #MPFooter,
#FOOTER #MPCopyright,
#MPFooterLink {
    display: none;
}

#MPOuterMost {
    overflow-x: hidden;
}

/* HL Nav */

#MPheader {
    display: none;
}

#NAV.traditional-nav #MPButtonBar {
    max-width: none;
}

#NAV.traditional-nav #MPButtonBar .row {
    margin: 0;
}


#NAV.traditional-nav #MPButtonBar .navbar {
    background-color: #E5F5F1;
    border: 0;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

#NAV.traditional-nav #MPButtonBar .navbar ul li a {
    padding-top: 0;
    padding-bottom: 0;
}

.level-1-title {
    float: left;
    padding-left: 32px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #4D5259;
    position: relative;
    text-decoration: none;
}

.level-1-title:hover,
.level-1-title:focus {
    color: #4D5259;
}

.level-1-title:hover::before,
.level-1-title:focus::before {
    content: '';
    background-color: #0096A4;
    position: absolute;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 50%;
    height: 10px;
    width: 10px;
    transform: translateY(-5px);

}

#NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
#NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>li>a {
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #000;
    padding-left: 20px;
    position: relative;
}

#NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu)>.open>a::before,
#MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu)>.active>a::before,
#MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu)>li>a:hover::before,
#MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu)>li>a:focus::before {
    content: '';
    background-color: #0096A4;
    position: absolute;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 50%;
    height: 10px;
    width: 10px;
    transform: translateY(-5px);
}

.navbar-nav>li>.dropdown-menu {
    top: 43px;
    background-color: #E5F5F1;
    padding: 0;
    border-color: #E5F5F1;
    box-shadow: none;
}

#NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>li ul.dropdown-menu>li>a {
    padding-bottom: 14px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #fff;
    color: #000;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-collapse .col-md-12,
.navbar-default .navbar-form .col-md-12 {
    padding: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover .caret,
.nav-tabs>li.active>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav .caret {
    border-top-color: #437C0D;
    border-bottom-color: #437C0D;
}

.nav .open>a .caret,
.nav .open>a:hover .caret,
.nav .open>a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    display: none;
}

#searchColumn {
    display: none;
}

#NAV.traditional-nav #MPButtonBar .navbar-nav {
    padding-left: 68px;
}

/* Handle Round Images */

/* Circular Profile Picture Reset */

.Welcome .imgButton.btn,
a[id*='ProfileImage']:not([id*='NameLink']):not([id*='ManageDropDown']),
a[id*='UserImageDisplay'],
a[id*='Contacts_PictureLink'],
a[id*='lnkDisplay'],
a[id*='Welcome_Details_ProfileLink'],
.list-group-item-image,
a[title='User Name Image'],
a[oldtitle='User Name Image'],
.hl.paged-list .hl-contact .profile-img img,
.member-dashboard-img a,
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

.DiscussionContentContainer li[id*="DiscussionMessageListItem"] a[id*="lnkDisplay"] {
    width: 90px;
    height: 90px;
}

div[id*="threadNav"] div.list-group-item-image img {
    height: 45px;
    width: 45px;
    max-width: 45px;
}

div[id*="ProfileImage"] div[id*="pnlImage"] a[id*="lnkDisplay"] {
    height: 200px;
    width: 200px;
}

.inbox-list img[id*="ucUserImage"] {
    border-radius: 50%;
}

div[id*="threadNav"] div.list-group-item-image img.profile-img-sm {
    margin-right: 0;
    margin-bottom: 0;
}

.HLLandingControl.SearchResults {
    border: 0;
    padding: 0;
}

.home .ContentUserControl .HLLandingControl {
    margin-bottom: 0;
}

/* Settings > Members */

.hl.paged-list .hl-contact .profile-img img {
    max-height: 100%;
}


/* Settings > Moderation > Items in Moderation Reset */

table.table-condensed a[id*='lnkDisplay'] {
    width: unset;
    height: unset;
}

/* Handle Hero */

.hero-wrapper {
    padding: 50px 0 50px;
    position: relative;
    background-size: cover;
}


.hero-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/Images/green-overlay-bg.png');
    background-size: cover;
    mix-blend-mode: normal;
    opacity: 0.7;
    z-index: 5;
}

.hero-wrapper .hero {
    max-width: 770px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.hero-wrapper .hero h1 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.03em;
    margin: 0;
    margin-bottom: 30px;
    font-weight: 400;
    color: #fff;
}

.hero p {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
}

.hero .SearchInputs {
    background-color: white;
    padding: 12px 16px;
}

.hero .SearchInputs input.form-control::placeholder {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000;
    font-style: normal;
}

.hero .SearchInputs input.form-control,
.hero .SearchInputs .input-group-btn button {
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.hero .SearchInputs input.form-control {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

.hero .SearchInputs .input-group-btn button {
    padding: 0;
    border: 0;
}

.hero .SearchInputs .input-group-btn button .glyphicon-search {
    font-size: 22px;
    line-height: 1;
}

.hero .SearchInputs .input-group-btn button .glyphicon-search::before {
    font-family: Juniper;
    content: "\f000";
}


/* Image CTA */
.left-image,
.image-left .HtmlContent,
.image-right .HtmlContent {
    display: flex;
}

.image-left {
    padding-top: 60px;
    padding-bottom: 80px;
}

.image-left {
    align-items: center;
}

.image-left .HtmlContent>div:first-of-type,
.image-right .HtmlContent>div:last-of-type {
    background-size: cover;
    background-position: center;
    position: relative;
}

.image-left .HtmlContent>div:first-of-type::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #F0F3F5;
    z-index: -1;
    top: 100px;
    left: calc(-50vw);
    transform: translateX(100%);
}

.image-left>.col-md-6 {
    flex-grow: 0;
    flex-shrink: 1;
}

.image-left>.col-md-6:first-child {
    flex-basis: 50%;
    padding: 50px 0;
}

.image-left>.col-md-6:last-child {
    flex-basis: 50%;
    padding: 0px 50px 0px 100px;
}

.image-left .HtmlContent>div:first-of-type {
    flex-basis: 50%;
}

.image-left .HtmlContent>div:last-of-type {
    padding-left: 100px;
    flex-basis: 50%;
    align-self: center;
}

.image-left .HtmlContent>div:last-of-type p {
    margin: 0;
}

.image-left .HtmlContent>div:last-of-type em a {
    margin-top: 20px;
}

.image-left h3 {
    font-size: 40px;
    line-height: 46px;
}

.image-right .HtmlContent>div:first-of-type {
    padding: 0px 50px 0px 15px;
    flex-basis: 50%;
    align-self: center;
}

.image-right .HtmlContent>div:last-of-type {
    padding: 200px 15px;
    flex-basis: 50%;
}

.image-right.make-buttons em a {
    margin-top: 25px;
}

.image-right.video .HtmlContent>div:last-of-type {
    padding: 200px 0 0 0;
    bottom: -50px;
}

.image-left h4 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.image-left h3,
.interior .image-left .HtmlContent>div:last-of-type h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #000;
    margin-bottom: 20px;
    text-transform: none;
}

.image-left ol {
    counter-reset: juniper-counter;
    padding-left: 0;
}

.image-left p {
    font-size: 18px;
    line-height: 26px;
    color: #4D5259;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.home .image-left .HtmlContent>div:last-of-type p {
    margin-bottom: 20px;
}

.image-left ol li {
    list-style: none;
    counter-increment: juniper-counter;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #4D5259;
    letter-spacing: -0.02em;
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
}

.image-left ol li::before {
    content: counter(juniper-counter);
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    padding: 7px 10px;
    background-color: #fafafa;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-right {
    background-color: transparent;
}

.image-right .HtmlContent>div:last-of-type {
    z-index: 5;
}

.image-right:not(.bordered):not(.heading-1) .HtmlContent::after {
    content: '';
    height: 100%;
    width: 50%;
    position: absolute;
    background-color: #F0F3F5;
    z-index: 1;
    top: 100px;
    right: -100px;
}

.heading-1 .HtmlContent>div:first-of-type {
    padding-left: calc(50% - 600px);
    padding-top: 0px;
    padding-bottom: 70px;
    flex-basis: 50%;
}

.heading-1 .HtmlContent>div:first-of-type h1 {
    font-weight: 500;
    font-size: 58px;
    line-height: 63px;
    letter-spacing: -0.04em;
    color: #000;
    margin-top: 0;
}

.heading-1 .HtmlContent>div:first-of-type p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000;
}

.heading-1.dark-colour-scheme .HtmlContent>div:first-of-type h1 {
    color: #fff;
}

.heading-1.dark-colour-scheme .HtmlContent>div:first-of-type p {
    color: #fff;
}

.heading-1 {
    background-color: #F0F3F5;
    margin-bottom: 100px;
}

.heading-1.video {
    margin-bottom: 120px;
}

.heading-1 .HtmlContent>div:last-of-type {
    top: 40px;
    padding: 233px 15px;
    flex-basis: 50%;
}


.heading-1.dark-colour-scheme {
    background-color: black;
}

.heading-2 .HtmlContent {
    max-width: 740px;
}

.heading-2 h3 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
}

.heading-2 h2 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    font-weight: 400;
    margin: 20px 0 20px 0;
}

.heading-2 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-bottom: 34px;
}

.image-right.bordered {
    border-radius: 6px;
    border: 0.5px solid #B5B8B9;
    box-sizing: border-box;
    margin: 60px 0;
}

.image-right.bordered .HtmlContent>div:first-of-type {
    padding: 30px;
}

.image-right.bordered .HtmlContent>div:last-of-type {
    padding: 0;
}

.image-right.bordered h5 {
    /* font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #000; */
    margin-bottom: 40px;
    /* margin-top: 0; */
}

.image-right.bordered h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin: 40px 0;
}

.image-right.bordered p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin: 0;
}

.image-right.styled-list ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.image-right.styled-list ul li {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #4D5259;
    position: relative;
    padding-left: 48px;
}

.image-right.styled-list ul li:last-of-type {
    margin-bottom: 0;
}


.image-right.styled-list ul li::before {
    content: '';
    position: absolute;
    height: 28px;
    width: 28px;
    background-color: #fff;
    border-radius: 50%;
    top: 0;
    left: 0;
}

.image-right.styled-list ul li strong {
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    display: block;
    margin-bottom: 20px;
    color: #000;
}

.callout-box {
    margin: 60px 0;
}

.callout-box a {
    text-decoration: none;
}

.callout-box .HtmlContent {
    background-color: #000;
    padding: 40px;
    color: #fff;
}

.callout-box .HtmlContent h3 {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0;
}

.callout-box .HtmlContent h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin: 0px 0 10px 0;
    color: #fff;
}

.callout-box .HtmlContent p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0;
}

.callout-box .HtmlContent em span {
    background-color: #fff;
    color: #000;
    display: inline-block;
    margin-top: 36px;
}


.callout-box:hover .HtmlContent em span,
.callout-box:focus .HtmlContent em span {
    background-color: #437C0D;
    color: #fff;
}


/* Promo Tile */

.home .promo-tile {
    margin-top: 40px;
}

.promo-tile {
    position: relative;
    margin-bottom: 20px;
}

.promo-tile.make-buttons h2 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #888D90;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-bottom: 4px;
}

.promo-tile .HtmlContent::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22.4%, rgba(0, 0, 0, 0.8) 58.33%);
}

.promo-tile .HtmlContent {
    padding: 116px 40px 40px 40px;
    text-align: center;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 10;
    border-radius: 6px;
    overflow: hidden;
}

.promo-tile .HtmlContent a {
    text-decoration: none;
}

.promo-tile h3 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.02em;
    color: white;
    position: relative;
    z-index: 15;
}

.promo-tile p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: white;
    position: relative;
    z-index: 15;
}

.promo-tile .HtmlContent>a,
.promo-tile .HtmlContent p>a {
    color: white;
    text-decoration: underline;
    transition: 0.3s;
}

.promo-tile .HtmlContent>a:hover,
.promo-tile .HtmlContent>a:focus,
.promo-tile .HtmlContent p>a:hover,
.promo-tile .HtmlContent p>a:focus {
    text-decoration: none;
    opacity: 0.8;
    transition: 0.3s;
}

.promo-tile em {
    position: relative;
    z-index: 15;
}

.promo-tile .HtmlContent:hover em span {
    background-color: black;
    transition: 0.3s;
}

.promo-tile.make-buttons em a {
    margin-top: 15px;
}

/****** top tiles ******/

.tile-wrapper {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.top-tile {
    margin: 10px 15px;
    transition: 0.3s;
    flex-basis: 33.3333333333%;
}

.top-tile:hover,
.top-tile:focus {
    margin: 6px 15px 14px;
    transition: 0.3s;
}

.top-tile a {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    color: #484848;
    display: block;
    text-decoration: none;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.top-tile.make-buttons.arrow:hover em span,
.top-tile.make-buttons.arrow:focus em span {
    position: relative;
}

.top-tile.make-buttons.arrow:hover em span::before {
    content: '';
    background-color: black;
    height: 1px;
    width: calc(100% - 20px);
    left: 0;
    top: 27px;
    position: absolute;
}

.top-tile:hover em span,
.top-tile:focus em span,
.home .tile-wrapper .top-tile.make-buttons.arrow:hover em span::after,
.home .tile-wrapper .top-tile.make-buttons.arrow:focus em span::after {
    color: #000 !important;
}

.top-tile a h2,
.top-tile a h2 span::after {
    border: none;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
}

.top-tile a em {
    font-style: normal;
    text-transform: none;
}

.top-tile img {
    height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

/*** slick dots for mobile ***/
.top-tile ul.slick-dots {
    bottom: -20px;
}

.top-tile ul.slick-dots li button {
    display: none;
}

.top-tile ul.slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c8c8c8;
}

.top-tile p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}

.top-tile p:empty {
    display: none;
}

.icon h2 {
    display: flex;
    align-items: center;
    color: #000;
    margin-top: 0;
}

.icon h2::before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Juniper;
    font-size: 25px;
    margin-right: 20px;
}

.icon h2::before {
    background-color: #000;
    transition: 0.3s;
}

.icon:hover h2::before,
.icon:focus h2::before {
    background-color: #0096A4;
    transition: 0.3s;
}

.icon.answers h2::before {
    content: '\f001';
}

.icon.lightbulb h2::before {
    content: '\f002';
    padding: 0 13px;
}

.icon.rise h2::before {
    content: '\f003';
}

.make-buttons em a,
.make-buttons em span,
a[id*="MoreLink"],
a[id*="hypMore"],
a[id*="LinkToCalendar"],
.make-buttons a[id*="_Link"],
.update-friend a.add-contact,
.update-friend a.ignore-contact,
a[id*="communityJoinLeave"],
.summary-edit em a {
    display: inline-block;
    padding: 16px 34px;
    border: 0;
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
    font-style: normal;
    font-family: Lato, sans-serif;
    color: #fff;
    background-color: #437C0D;
    text-decoration: none;
    transition: 0.3s;
    text-shadow: none;
    border-radius: 0;
}

.make-buttons em a:hover,
.make-buttons em a:focus,
.make-buttons em span:hover,
.make-buttons em span:focus,
.mam-button.blue-button em a:hover,
.mam-button.blue-button em a:focus,
.callout-box.yellow-button em a:hover,
.callout-box.yellow-button em a:focus,
a[id*="MoreLink"]:hover,
a[id*="MoreLink"]:focus,
a[id*="hypMore"]:hover,
a[id*="hypMore"]:focus,
a[id*="LinkToCalendar"]:hover,
a[id*="LinkToCalendar"]:focus,
.make-buttons a[id*="_Link"]:hover,
.make-buttons a[id*="_Link"]:focus,
a[id*="communityJoinLeave"]:hover,
a[id*="communityJoinLeave"]:focus,
.summary-edit em a:hover,
.summary-edit em a:focus {
    color: #fff;
    background: #000;
    transition: 0.3s;
}

.summary-edit em a {
    margin-right: 20px;
}

.make-buttons.white em a {
    background-color: #fff;
    color: #000;
}

.make-buttons.white em a:hover,
.make-buttons.white em a:focus {
    background-color: #437C0D;
    color: white;
}

.make-buttons.arrow em a,
.make-buttons.arrow em span,
a[id*="hypMore"],
a[id*="LinkToCalendar"],
.latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"],
.member-dashboard .featured ul a li>span,
a[id*="MoreLink"] {
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 33px;
    color: #437C0D;
    background: transparent;
}

.make-buttons.arrow em a::after,
.make-buttons.arrow em span::after,
a[id*="hypMore"]::after,
a[id*="LinkToCalendar"]::after,
.latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"]::after,
.member-dashboard .featured ul a li>span::after,
a[id*="MoreLink"]::after {
    display: inline-block;
    content: '\f004';
    font-family: 'Juniper';
    margin-left: 5px;
}

.make-buttons.arrow em a:hover,
.make-buttons.arrow em a:focus,
.make-buttons.arrow em span:hover,
.make-buttons.arrow em span:focus,
a[id*="hypMore"]:hover,
a[id*="hypMore"]:focus,
a[id*="LinkToCalendar"]:hover::after,
a[id*="LinkToCalendar"]:focus::after,
.latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"]:hover::after,
.latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"]:focus::after,
.member-dashboard .featured ul a:hover li>span,
.member-dashboard .featured ul a:focus li>span,
.member-dashboard .featured ul a:hover li>span::after,
.member-dashboard .featured ul a:focus li>span::after,
a[id*="MoreLink"]:hover,
a[id*="MoreLink"]:focus {
    color: #000;
    text-transform: underline;
    background-color: transparent;
    box-shadow: none;
}


.member-dashboard .featured ul a {
    text-decoration: none;
    transition: 0.3s;
}

.member-dashboard .featured ul a:hover,
.member-dashboard .featured ul a:focus {
    text-decoration: underline;
    transition: 0.3s;
}

.HLLandingControl .Content {
    padding-left: 0px;
    padding-right: 0px;
}


/* Latest Activity */

.HLLandingControl ul li {
    border-bottom: 1px solid #F0F3F5;
}

.latest-activity {
    margin-bottom: 60px;
    padding-left: 20px;
}

.latest-activity a[id*="lnkDisplay"],
#MPOuterMost .byline-wrap a[id*="lnkDisplay"] {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.latest-activity a[id*="lnkDisplay"] img,
#MPOuterMost .byline-wrap a[id*="lnkDisplay"] img {
    width: 40px;
    height: 40px;
}

.latest-activity div[id*="pnlTitle"] {
    padding: 0;
    width: 100%;
}

.latest-activity div[id*="pnlObjectType"] {
    display: none;
}

.latest-activity .ByLine,
.latest-activity h5,
.byline-wrap .ByLine,
.byline-wrap h5 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #4D5259;
}

.latest-activity .ByLine a,
.latest-activity h5 a,
.byline-wrap .ByLine a,
.byline-wrap h5 a {
    color: #4D5259;
}

.latest-activity .ByLine a:hover,
.latest-activity .ByLine a:focus,
.latest-activity h5 a:hover,
.latest-activity h5 a:focus .byline-wrap .ByLine a:hover,
.byline-wrap h5 a:focus,
.byline-wrap .ByLine a:hover,
.byline-wrap h5 a:focus {
    text-decoration: none;
}

.latest-activity h5,
.byline-wrap h5 {
    margin: 0;
    margin-top: 4px;
}

.latest-activity ul li .title-row .col-sm-10.col-md-10 {
    padding: 0;
}

.latest-activity #sortOptionsContainer {
    display: none;
}

.latest-activity a[id*='ProfileImage']:not([id*='NameLink']):not([id*='ManageDropDown']),
.latest-activity ul li .content-row div[id*="DiscussionList_Picture"] a img {
    width: 40px;
    height: 40px;
}

.HLLandingControl.SearchResults h2,
.HLLandingControl.HLDiscussions .heading h2,
.HLLandingControl.HLAnnouncements h2,
.HLLandingControl.HLMyDocuments h2,
.HLLandingControl.HLEventList h2,
.HLLandingControl.HLRecentBlogs h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 0;
}

.interior .HLLandingControl.SearchResults h2,
.interior .HLLandingControl.HLDiscussions .heading h2,
.interior .HLLandingControl.HLAnnouncements h2,
.interior .HLLandingControl.HLMyDocuments h2,
.interior .HLLandingControl.HLEventList h2,
.HLLandingControl.HLRecentBlogs h2 {
    margin-top: 30px;
}

.HLLandingControl.SearchResults ul li,
.HLLandingControl.HLDiscussions ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.HLLandingControl ul li h3 a,
.most-active-groups .community-list h3 a {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #000;
}

.HLLandingControl ul li h3 a:hover,
.HLLandingControl ul li h3 a:focus,
.most-active-groups .community-list h3 a:hover,
.most-active-groups .community-list h3 a:focus {
    text-decoration: underline;
}

.most-active-groups .community-list h3 {
    margin-top: 0;
}

.HLLandingControl.SearchResults ul {
    padding-top: 0;
}

.HLLandingControl.SearchResults .Content {
    padding: 0;
}

.latest-activity .HLLandingControl.HLDiscussions ul li .CommentPanel {
    display: none;
}

.latest-activity .HLLandingControl.HLDiscussions div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}

div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}


/* Most Active Groups */

.home .most-active-groups {
    padding: 30px;
    background-color: #fafafa;
    margin-top: 40px;
}

.home .most-active-groups h2 {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 34px;
}

.home .most-active-groups span[id*="CommunityCount"],
.home .most-active-groups .community-list p[id*="pDescription"],
.home .most-active-groups .community-list p[id*="StatLastJoined"],
.home .most-active-groups .community-list .nested-community,
.home .most-active-groups .community-list .col-md-5 div[id*="pnlEnterJoin"],
.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityDocumentsCount"] {
    display: none;
}

.home .most-active-groups .community-list .col-md-7,
.home .most-active-groups .community-list .col-md-5 {
    width: 100%;
}

.community-list h3 {
    margin-bottom: 10px;
}

.home .most-active-groups .row.rowContainer.community-list {
    margin-top: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.home .most-active-groups .row.rowContainer.community-list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-7,
.home .most-active-groups .row.rowContainer.community-list .col-md-7 .col-md-12,
.home .most-active-groups .row.rowContainer.community-list .col-md-5 {
    padding: 0;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-7>.row,
.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row {
    margin: 0;
}


.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right {
    display: flex;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityDiscussionCount"] {
    order: 2;
    text-transform: lowercase;
}


.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityMembersCount"] {
    order: 1;
    margin-right: 20px;
    text-transform: lowercase;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a span.badge {
    float: left;
    background-color: transparent;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4D5259;
    margin-right: 2px;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityDiscussionCount"] .badge::before,
.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityMembersCount"] .badge::before {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #E87200;
    display: inline-block;
    margin-right: 2px;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityDiscussionCount"] .badge::before {
    content: '\f008';
    font-family: Juniper;
}


.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row[id*="pnlAttributes"] .pull-right a[id*="CommunityMembersCount"] .badge::before {
    content: '\f009';
    font-family: Juniper;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row .col-md-12 {
    padding: 0;
}

.home .most-active-groups .row.rowContainer.community-list .col-md-5>.row .col-md-12>.pull-right {
    float: none !important;
}

.home .most-active-groups .pagination {
    display: none;
}

/* top contributor */

.home .HLLandingControl.HLEngagement {
    margin-top: 40px;
}

.home .HLLandingControl.HLEngagement {
    margin-bottom: 60px;
}

.HLLandingControl.HLEngagement .heading h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    letter-spacing: -0.01em;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.HLEngagement .Content,
.HLEngagement .Content ul {
    padding: 0;
}

.HLEngagement .Content ul {
    display: flex;
    flex-wrap: wrap;
}

.HLEngagement .Content ul li {
    padding-bottom: 15px;
    margin-bottom: 20px;
    max-width: initial;
    min-width: initial;
    width: calc(50% - 20px);
    margin-right: 20px;
    border: 1px solid #F0F3F5;
    border-radius: 4px;
    background: #FAFAFA;
}

.interior .HLEngagement {
    border: 0;
    padding: 0;
    margin: 0;
}

.interior .HLEngagement .Content ul li {
    width: calc(25% - 20px);
    margin-bottom: 0;
}

.interior .HLEngagement .Content ul li:last-of-type {
    margin-right: 0;
}

.interior .HLEngagement .Content ul li .col-md-9 {
    width: calc(100% - 80px);
}

.interior .HLEngagement p.bg-warning {
    margin: 0;
}

.HLEngagement .Content ul li .col-md-9 {
    padding: 0;
}

.HLEngagement .Content ul li .col-md-9 a {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.HLEngagement .Content ul li .col-md-9 a:hover,
.HLEngagement .Content ul li .col-md-9 a:focus {
    text-decoration: underline;
}

.HLEngagement .Content ul li .col-md-9 .points-label {
    background-color: transparent;
    font-size: 10px;
    line-height: 13px;
    color: #000;
    padding: 0;
    text-transform: uppercase;
}

.HLEngagement .Content ul li .col-md-9 .points-label::before {
    display: inline-block;
    padding: 4px 12px;
    background-color: #0096A4;
    border-radius: 40px;
    font-size: 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Lato;
    margin-right: 10px;
}

.HLEngagement .Content ul li:last-child .col-md-9 .points-label::before {
    content: '4th';
}

.HLEngagement .Content ul li:nth-child(3) .col-md-9 .points-label::before {
    content: '3rd';
}

.HLEngagement .Content ul li:nth-child(2) .col-md-9 .points-label::before {
    content: '2nd';
}


.HLEngagement .Content ul li:first-child .col-md-9 .points-label::before {
    content: '1st';
}

.HLEngagement .Picture {
    width: 60px;
    margin-right: 20px;
}

.HLEngagement .Picture a {
    width: 60px;
    height: 60px;
}

.HLLandingControl.HLEngagement .title-row img {
    max-height: 60px;
    max-width: 60px;
    height: 60px;
    width: 60px;
    margin: 0;
}

.link-tile-title .HtmlContent {
    padding-top: 60px;
    padding-left: 60px;
}

.link-tile-title h2 {
    font-size: 58px;
    line-height: 63px;
    letter-spacing: -0.04em;
    position: relative;
    z-index: 5;
    margin-top: 0;
    margin-bottom: 20px;
}


.link-tile-title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    max-width: 371px;
    position: relative;
    z-index: 5;
}

.link-tile-title {
    position: relative;
}

.link-tile-title::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    background-color: white;
    top: 0;
    left: 0;
    border-radius: 50%;
}


.two-column-full>div:first-of-type {
    padding-left: calc(50% - 570px);
}

.two-column-full>div:last-of-type {
    padding-right: calc(50% - 570px);
}

.link-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.link-tile {
    flex-basis: 100%;
    background-color: #fff;
    padding: 20px;
    transition: 0.3s;
    border-radius: 6px;
}

.link-tile:hover,
.link-tile:focus {
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    border-radius: 6px;
    transition: 0.3s;
}

.link-tile:hover em span,
.link-tile:focus em span {
    transition: 0.3s;
    position: relative;
}

.link-tile:hover em span,
.link-tile:focus em span,
.link-tile:hover em span::after,
.link-tile:focus em span::after {
    color: black;
    transition: 0.3s;
}

.link-tile:hover em span::before,
.link-tile:focus em span::before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: black;
}

.link-tile:first-child {
    margin-bottom: 10px;
}

.link-tile:nth-child(2) {
    margin-bottom: 10px;
}

.link-tile a {
    text-decoration: none;
}

.link-tile h2 {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #000;
}

.link-tile p {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li {
    background-color: #fafafa;
    border-radius: 6px;
    position: relative;
    padding: 30px;
    padding-left: 280px;
    border-bottom: 0;
    transition: 0.3s;
    overflow: hidden;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li:hover,
.latest-blogs .SearchResults.HLLandingControl .Content ul li:focus {
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    transition: 0.3s;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li:hover span#ShowMore,
.latest-blogs .SearchResults.HLLandingControl .Content ul li:focus span#ShowMore {
    color: black;
    transition: 0.3s;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .img-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 250px;
    background-size: cover;
    background-position: center;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .img-container[style*="undefined"] {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/JUNIPER/d23a697c-df5f-4ff0-a1e2-adfaa82cbc02/UploadedImages/home/blog-placeholder.png') !important;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .content-tags {
    font-size: 0;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .content-tags a.label-search-tag {
    font-size: 10px;
    line-height: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-bottom: 10px;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .title-row .col-sm-9.col-md-9 {
    width: 100%;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul a {
    text-decoration: none;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .title-row .col-sm-9.col-md-9 h3 span {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li div[id*="pnlDescription"] {
    display: none;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .title-row .col-sm-3.col-md-3 {
    display: none;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine {
    display: flex;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine .blog-time {
    order: 1;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine a {
    order: 2;
    margin-left: 10px;
    border-left: 1px solid #000;
    padding-left: 10px;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine .blog-time,
.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #4d5259;
}

.home .latest-blogs {
    margin-bottom: 60px;
}

/* Upcoming Events */

.upcoming-events .HLEventList {
    margin-top: 60px;
    background-color: #fafafa;
    padding: 30px;
    margin-left: 100px;
}

.upcoming-events .HLEventList h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 0;
}

.upcoming-events .HLEventList h2 .add-event-button {
    float: right;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul {
    padding: 0;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul h4 {
    font-size: 10px;
    line-height: 13px;
    color: #000;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul h3 a {
    font-size: 22px;
    line-height: 30px;
    color: #000;
    letter-spacing: -0.02em;
    text-transform: none;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul h3 {
    margin-bottom: 10px;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-date,
.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-time,
.upcoming-events .HLEventList .Content ul li div[id*="LocationPanel"] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #4D5259;
    font-family: Lato;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
}

.upcoming-events .HLEventList .Content ul li .timeAgoFormat {
    margin-bottom: 6px;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-date {
    margin-right: 10px;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-date::before,
.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-time::before,
.upcoming-events .HLEventList .Content ul li div[id*="LocationPanel"]::before {
    content: '';
    font-family: Juniper;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    margin-right: 2px;
    color: #0096A4;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-date::before {
    content: '\f005';
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li .event-time::before {
    content: '\f006';
}

.upcoming-events .HLEventList .Content ul li div[id*="LocationPanel"]::before {
    content: '\f007';
}

.upcoming-events .HLEventList .Content br {
    display: none;
}

.upcoming-events .HLEventList .Content,
.upcoming-events .HLEventList .Content ul li h4 {
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}

.upcoming-events .HLEventList .Content {
    padding-bottom: 0;
    margin-bottom: 0;
    width: 100%;
}

.upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] {
    padding: 0;
}

.upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] a {
    text-transform: none;

}

.upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] a:hover,
.upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] a:focus {
    color: black;
    background-color: transparent;
}

.home .upcoming-events .HLEventList {
    margin-bottom: 60px;
}

/* Event List */

.event-list .date-block {
    margin-bottom: 20px;
}

.interior .event-list-item h3 {
    margin-top: 20px;
}

/* Member Dashboard */

/****** member dashboard ******/

.member-dashboard {
    background: #F0F3F5;
    position: relative;
    background-position: center;
    background-size: cover;
    margin: 0 -15px;
}

.member-dashboard .row-wide {
    position: relative;
    z-index: 10;
}

.member-dashboard>.row.row-wide {
    height: 135px;
    transition: .6s ease-in-out;
    padding: 15px 0;
    position: relative;
}

.member-dashboard>.row.row-wide {
    max-width: 1340px;
}

.member-dashboard.open>.row.row-wide {
    padding: 20px 0;
    height: 318px;
}

.member-dashboard>.row.row-wide div[class*="dashboard-col-"]>*:not(.member-dashboard-img),
.dashboard-slider .slick-dots {
    opacity: 0;
    z-index: -1;
    display: none;
}

.member-dashboard.open>.row.row-wide div[class*="dashboard-col-"]>*,
.open .dashboard-slider .slick-dots {
    opacity: 1;
    z-index: 1;
}

.member-dashboard.open .col-sm-5,
.member-dashboard.open .col-sm-7,
.member-dashboard.open .col-sm-4,
.member-dashboard.open .col-sm-8,
.member-dashboard.open .col-sm-3,
.member-dashboard.open .col-sm-9 {
    display: block !important;
    padding: 0;
}

.member-dashboard>.row.row-wide .second-column,
.member-dashboard>.row.row-wide .featured,
.member-dashboard>.row.row-wide .dashboard-link,
.member-dashboard>.row.row-wide .dashboard-link {
    z-index: -1;
    opacity: 0;
    transition: 1s;
    transition-delay: 0.6s;
}

.member-dashboard.open>.row.row-wide .second-column,
.member-dashboard.open>.row.row-wide .featured,
.member-dashboard.open>.row.row-wide .dashboard-link,
.member-dashboard.open>.row.row-wide .digital-ribbons {
    z-index: 1;
    opacity: 1;
    transition-delay: 0.6s;
}

.member-dashboard.open>.row.row-wide .digital-ribbons {
    width: 50%;
    float: left;
}

.member-dashboard.open>.row.row-wide .digital-ribbons .digitalRibbonDisplay,
.member-dashboard.open>.row.row-wide .digital-ribbons .digitalRibbonDisplay>.col-md-12 {
    margin: 0;
    padding: 0;
}

.member-dashboard.open>.row.row-wide .digital-ribbons .digitalRibbonDisplay>.col-md-12>.pull-left>div {
    width: 210px !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -18px;
}

/*** toggle ***/

.member-dashboard-toggle {
    position: absolute;
    bottom: -15px;
    left: calc(50% - 670px);
    color: #312e27;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 0px 20px rgba(0, 0, 0, 0.06);
    padding: 0px 28px 0px 16px;
    cursor: pointer;
    z-index: 10;
    font-size: 16px;
    line-height: 33px;
    font-weight: 700;
}


.member-dashboard-toggle.open::after {
    font-family: Juniper;
    content: '\f00e';
    color: #000;
    position: absolute;
    right: 5px;
    top: 6px;
    font-size: 20px;
    line-height: 1;
}

.member-dashboard-toggle::after {
    font-family: Juniper;
    content: '\f00f';
    color: #000;
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 20px;
    line-height: 1;
}

/*** image ***/

.member-dashboard.open .member-dashboard-img {
    height: 120px;
    width: 120px;
    float: left;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    margin-top: -42px;
}

.member-dashboard .member-dashboard-img>div[id*="ProfileImage"]>.row {
    width: 135px;
}

.member-dashboard:not(.open) .member-dashboard-img>div[id*="ProfileImage"]>.row {
    width: 80px
}

.member-dashboard .member-dashboard-img .col-md-12 {
    padding: 0;
}

.member-dashboard.open .member-dashboard-img .col-md-12.text-center::before {
    content: '';
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/JUNIPER/d23a697c-df5f-4ff0-a1e2-adfaa82cbc02/UploadedImages/home/dashboard-photo-tab1.png');
    background-size: 100%;
    height: 40px;
    background-repeat: no-repeat;
}

.member-dashboard.open .member-dashboard-img .text-center>div>a,
.member-dashboard.open .member-dashboard-img .text-center>div>a>img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    transition: 0.3s;
}

.member-dashboard.open .member-dashboard-img .text-center>div>a {
    border: 5px solid #F0F3F5;
}

.member-dashboard.open .member-dashboard-img .text-center>div>a {
    border-radius: 50%;
    display: block;
    overflow: hidden;
    transform: translateY(-5px);
}

.member-dashboard:not(.open) .member-dashboard-img .text-center>div>a,
.member-dashboard:not(.open) .member-dashboard-img .text-center>div>a>img {
    height: 80px;
    width: 80px;
}

.member-dashboard:not(.open) .member-dashboard-img .text-center>div>a {
    border: 5px solid #F0F3F5;
    border-radius: 50%;
    box-sizing: content-box;
}

.member-dashboard-img .form-group {
    display: none;
}

.member-dashboard .member-dashboard-img {
    height: 80px;
    width: 80px;
    transition: 0.3s;
}

.member-dashboard:not(.open) .member-dashboard-img {
    height: 80px;
    width: 80px;
}

.member-dashboard .member-dashboard-img .text-center>div>a,
.member-dashboard .member-dashboard-img .text-center>div>a>img {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    transition: 0.3s;
}

.member-dashboard.open .collapsed-inbox {
    display: none;
}


/*** greeting ***/

.member-dashboard-name {
    display: none;
}

.greeting {
    color: #000;
    font-size: 16px;
    line-height: 23px;
    display: block;
    font-weight: 400;
}

.member-dashboard.open .greeting {
    display: block !important;
}

.greeting h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
    margin-left: 120px;
}

.member-dashboard .collapsed-message,
.member-dashboard .collapsed-greeting {
    position: absolute;
    top: 60px;
    opacity: 1 !important;
    z-index: 11;
    color: #000;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    display: block;
}

.member-dashboard:not(.open) .dashboard-col-1 {
    width: 100%;
}

.member-dashboard:not(.open) .inbox-numbers {
    position: absolute;
    top: 33px;
    left: 0;
}

.member-dashboard .collapsed-greeting {
    left: calc(50% - 570px);
    top: 36px;
}

.member-dashboard:not(.open) .collapsed-message {
    right: calc(50% - 600px);
    /* bottom: 80px; */
}

.member-dashboard:not(.open) .greeting {
    margin-top: 300px;
    opacity: 1 !important;
    display: none;
}

.mmeber-dashboard:not(.open) .collapsed-greeting {
    right: calc(50% - 600px);
}

.member-dashboard.open .collapsed-message,
.member-dashboard.open .collapsed-greeting {
    opacity: 0 !important;
    z-index: -1;
}

.member-dashboard .collapsed-greeting>div {
    font-size: 16px;
    line-height: 19px;
}

.member-dashboard .collapsed-greeting a {
    color: #000;
    text-decoration: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    word-break: break-word;
    max-width: 225px;
    display: block;
}

.member-dashboard .collapsed-greeting a:hover,
.member-dashboard .collapsed-greeting a:focus {
    color: #000;
    text-decoration: underline;
}

.member-dashboard .username a {
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    color: #000;
    transition: 0.3s;
    letter-spacing: -0.02em;
    text-decoration: none;
    word-break: break-word;
}

.member-dashboard .username a:hover {
    text-decoration: underline;
    transition: 0.3s;
    color: #000;
}

a.inbox-numbers,
.collapsed-greeting a.inbox-numbers {
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background-color: #0096A4;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 4.5px 10px;
    border-radius: 20px;
    margin-top: 10px;
}


a.inbox-numbers::before {
    content: '\f00d';
    font-family: Juniper;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-weight: normal;
}

a.inbox-numbers:hover,
a.inbox-numbers :focus {
    color: #052B3e;
    text-decoration: underline;
}

.member-dashboard .collapsed-greeting a.collapsed-inbox,
.member-dashboard a.inbox-link {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
    margin-left: 32px;
    align-items: center;
}

.member-dashboard.open a.inbox-link {
    display: inline-flex;
}

.member-dashboard a.inbox-link {
    margin-left: 0;
    text-decoration: none;
    background-color: #0096A6;
    border-radius: 20px;
    padding: 0px 10px;
    height: 22px;
}

.member-dashboard .collapsed-greeting a.collapsed-inbox::before,
.member-dashboard a.inbox-link::before {
    content: '\f00d';
    font-family: 'Juniper';
    color: white;
    display: inline-block;
    margin-right: 1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}

.member-dashboard a.inbox-link:hover,
.member-dashboard a.inbox-link:focus {
    text-decoration: none;
    background-color: #006F79;
}

.member-dashboard .collapsed-greeting a.inbox-link {
    margin-top: 9px;
}

/*** progress bar ***/

.member-dashboard-progress {
    display: none;
}

.dashboard-progress {
    width: 100%;
    padding: 0;
    margin-top: 18px;
}

.member-dashboard.open .dashboard-progress,
.member-dashboard.open>.row.row-wide .dashboard-col-1 .col-sm-6,
.member-dashboard.open .row.row-wide .dashboard-col-1 .dashboard-progress,
.member-dashboard.open .row.row-wide .dashboard-col-1 .digital-ribbons,
.member-dashboard.open .row.row-wide .dashboard-col-2 .second-column,
.member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns,
.member-dashboard.open .row.row-wide .dashboard-col-3 .featured {
    display: block;
}

.member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns>div {
    display: none;
}

.member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns>div:nth-of-type(1),
.member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns>div:nth-of-type(2),
.member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns>div:nth-of-type(3),
.member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns>div:nth-of-type(4) {
    display: block;
}


.member-dashboard .progress-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    margin-bottom: 2px;
    text-transform: capitalize;
}

.Welcome .progress {
    box-shadow: none;
    background-color: #ecedef;
    border-radius: 100px !important;
    padding: 3px 4px;
}

.progress {
    box-shadow: none;
    background-color: #fff;
    border-radius: 100px !important;
    padding: 3px 4px;
}

.progress-bar {
    background: #84B135;
    border-radius: 100px;
    text-align: right;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: transparent;
    position: relative;
    box-shadow: none;
}

.member-dashboard:not(.open)>.row.row-wide .dashboard-col-1 .dashboard-progress {
    position: absolute;
    opacity: 1;
    z-index: 1;
    width: 376px;
    top: 35px;
    left: 410px;
    margin-top: 0;
    display: block;
}

/* Bio bubble */

.bioBubbleShell .Inner .Details h4 {
    font-size: 19px;
    line-height: 1;
    text-transform: none;
}

/*** links ***/

.dashboard-link {
    padding: 0;
}

.dashboard-link h4 {
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
    color: #000;
}

.dashboard-link a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    color: #000;
    padding-bottom: 8px;
    text-decoration: none;
}

.dashboard-link a:hover,
.dashboard-link a:focus {
    text-decoration: underline;
    color: #000;
}

/* icons */

.dashboard-link.icon a::before {
    font-family: Juniper;
    margin-right: 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    width: 20px;
    color: #E87200;
}

.dashboard-link.icon.contacts a::before {
    content: '\f00a';
}

.dashboard-link.icon.contributions a::before {
    content: '\f008';
}

.dashboard-link.icon.my-circles a::before {
    content: '\f00b';
}

.dashboard-link.icon.settings a::before {
    content: '\f00c';
}

.member-dashboard .my-communities {
    position: relative;
}

.member-dashboard .my-communities .my-communities-button {
    position: absolute;
    top: -10px;
    right: 0;
}

.member-dashboard .my-communities h2 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 14px;
}

.member-dashboard .my-communities div[id*="UpdatePanel"] {
    display: flex;
    flex-wrap: wrap;
}

.member-dashboard .my-communities div[id*="UpdatePanel"]>div:first-of-type,
.member-dashboard .my-communities .nested-community,
.member-dashboard .my-communities div[id*="pnlCommRight"],
.member-dashboard .my-communities div[id*="pnlCommLeft"] p {
    display: none;
}


.member-dashboard .my-communities .community-list {
    margin: 0;
    padding: 0 10px 5px 0;
    border: 0;
    display: none;
}

.member-dashboard .my-communities .community-list:nth-child(2),
.member-dashboard .my-communities .community-list:nth-child(3),
.member-dashboard .my-communities .community-list:nth-child(4),
.member-dashboard .my-communities .community-list:nth-child(5),
.member-dashboard .my-communities .community-list:nth-child(6) {
    display: block;
}

.member-dashboard .my-communities .pagination {
    display: none;
}

.member-dashboard .dashboard-col-2,
.member-dashboard .dashboard-col-3 {
    padding-top: 20px;
}

.member-dashboard .my-communities .community-list .col-md-7 {
    width: 100%;
}


.member-dashboard .my-communities .community-list .col-md-7 .col-md-12 {
    padding: 0;
}

.member-dashboard .my-communities .community-list .col-md-7 h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1;
}

.member-dashboard .my-communities .community-list .col-md-7 h3 a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-decoration-line: underline;
    color: #000000;
}

.member-dashboard .digital-ribbons h2 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #000;
    font-family: Lato;
    margin: 0;
    margin-bottom: 4px;
}

.member-dashboard .digital-ribbons .col-md-12 .pull-left {
    display: none;
}

.member-dashboard .digital-ribbons .col-md-12 .pull-left:first-child {
    display: block;
}

/***  buttons ***/

.featured h2,
.engage h2 {
    margin-top: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #000;
}

.member-dashboard .second-column.make-buttons em a {
    display: inline-block;
    padding: 16px 30px;
    background-color: #437C0D;
    border: 0;
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
    font-family: Lato;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.member-dashboard .second-column.make-buttons em a:hover,
.member-dashboard .second-column.make-buttons em a:focus {
    background-color: #fff;
    color: #000;
}

.engage.make-buttons.icon.book em a::before {
    content: '\f00a';
}

.engage.make-buttons.icon.profile em a::before {
    content: '\f003';
}

.engage.make-buttons.icon.contacts em a::before {
    content: '\f006';
}

.engage.make-buttons.icon.chat em a::before {
    content: '\f004';
}

.engage.make-buttons.icon.laptop em a::before {
    content: '\f005';
}

.engage.make-buttons.icon.report a::before {
    content: '\f011';
}

.engage.make-buttons em a:hover,
.engage.make-buttons em a:focus {
    color: #fff;
    background: #052b3e;
    box-shadow: 4px 4px 0px #0076b6;
}

.member-dashboard .ContentUserControl .HLLandingControl {
    margin: 0;
    background-color: transparent;
    border-radius: 10px;
    position: relative;
    padding: 0;
}

.member-dashboard .ContentUserControl .HLLandingControl ul li {
    background-color: #ffffff;
    box-shadow: 0px 0px 6px rgba(0, 30, 68, 0.05), 0px 1px 2px rgba(0, 30, 68, 0.06);
    padding: 0;
}

.member-dashboard .ContentUserControl .HLLandingControl .heading h2 {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
}

.member-dashboard .featured {
    position: relative;
}

.member-dashboard .featured {
    height: 238px;
    overflow-y: scroll;
    background: #ffffff;
    border-radius: 4px;
    padding: 20px;
    padding-bottom: 0;
}

.member-dashboard .featured .Content ul li {
    border: 0;
    box-shadow: none;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #fafafa;
    padding: 20px;
}

.member-dashboard .featured .Content ul li .title-row .col-md-9 {
    width: 100%;
}

.member-dashboard .featured .Content ul li .title-row .col-md-3 {
    display: none !important;
}

.member-dashboard .featured .Content ul li h3 {
    font-family: Lato;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000;
}

.member-dashboard .featured .Content ul li .ByLine {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #4b4b4b;
}

.member-dashboard .featured .Content ul li div[id*="AnnouncementList"]>.row.title-row,
.member-dashboard .featured .Content ul li div[id*="AnnouncementList"]>.row.HLContainer {
    padding: 20px 25px 0;
}

.member-dashboard .featured .heading::after {
    content: none;
}

.member-dashboard .ContentUserControl .HLLandingControl .heading h2 {
    margin-bottom: 11px;
}

.member-dashboard .featured h5 {
    display: inline;
}

.member-dashboard .featured .content-row {
    display: none;
}

.member-dashboard .featured .HLEventList .Content br {
    display: none;
}

.member-dashboard .featured .HLEventList .add-event-button:nth-of-type(2) {
    display: none;
}

.member-dashboard div[id*="EventList_itemRow"] {
    position: relative;
    display: flex;
}

.member-dashboard .featured div[id*="CalendarThumbnail"] {
    background-color: #009cde;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 !important;
    flex-basis: 17.1428571429%;
}

.member-dashboard .featured .add-event-button {
    display: inline-block;
    float: right;
}

.member-dashboard .featured .add-event-button {
    display: none;
}

.member-dashboard .featured .add-event-button>.form-group {
    margin-bottom: 0;
}

.member-dashboard .featured ul li {
    border-bottom: 1px solid #d2d2d2;
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .margin-bottom-medium {
    margin-bottom: 0;
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .calendar-day {
    display: none;
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .calendary-number span {
    font-size: 30px;
    line-height: 1.23333333333;
    color: white;
    font-family: 'Elemental End';
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .calendar-month {
    color: #001e44;
    font-size: 12px;
    line-height: 1.33333333333;
    text-transform: uppercase;
    font-weight: 600;
}

.member-dashboard .featured h3 a {
    font-size: 18px;
    line-height: 25px;
    color: #00263e;
}

.member-dashboard .featured div[id*="CalendarMain"] {
    padding: 10px 20px 10px 20px !important;
    width: 100%;
    flex-basis: 82.8571428571%;
}

.member-dashboard .featured div[id*="CalendarMain"] .title-row p {
    margin: 0;
}

.member-dashboard .featured div[id*="CalendarMain"] .title-row .timeAgoFormat {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.35714285714;
    color: #4f4f4f;
}

.member-dashboard .featured a[id*="hypMore"] {
    background-color: transparent;
    padding: 0;
    color: #005398;
    font-weight: 600;
    text-transform: inherit;
    font-size: 16px;
    line-height: 19px;
}

.member-dashboard .featured a[id*="hypMore"]::after {
    display: inline-block;
    font-family: 'NAPO';
    content: '\f015';
    margin-left: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    transition: 0.3s;
}

.member-dashboard .featured a[id*="hypMore"]:hover::after,
.member-dashboard .featured a[id*="hypMore"]:focus::after {
    margin-left: 8px;
    transition: 0.3s;
}

.member-dashboard .featured h2 a {
    color: white;
    background-color: #437C0D;
    border-radius: 0;
    border-color: #437C0D;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    text-transform: capitalize;
}

/* Ribbon */

.member-directory .ribbons .member-picture {
    padding: 0;
}

.member-directory .ribbons .member-picture>div {
    text-align: center;
}

.threadViewDetailsContainer .digitalRibbonDisplay .discussion-ribbon {
    margin-left: 0;
    margin-right: 0;
    background-size: contain;
    width: 100%;
}

.no-pageTitle-padding {
    padding-top: 0;
}

#MPOuterMost.full #BreadCrumb {
    max-width: none;
}

#BreadCrumb ol.breadcrumb {
    margin-bottom: 0;
    padding: 10px 0 10px 33px;
    background-color: transparent;
    border-radius: 0;
}

#BreadCrumb ol.breadcrumb li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    /*  letter-spacing: -0.02em; */
}

#BreadCrumb ol.breadcrumb a {
    text-decoration: none;
    color: #4d5259;
}

.breadcrumb>li+li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f054';
    font-weight: 300;
    font-size: 10px;
    line-height: 20px;
    color: #4D5259;
    padding-left: 12px;
    padding-right: 12px;
}

.interior .ContentItemHtml:not(.promo-tile):not(.quote-section):not(.bordered) h3 {
    /* font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px; */
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin: 40px 0;
}

.interior .ContentItemHtml h5,
.home .ContentItemHtml h5 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
}

.interior .ContentItemHtml:not(.promo-tile):not(.quote-section):not(.bordered).lg-h3 h3,
.home .ContentItemHtml h3 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-transform: none;
}

.interior h2 {
    font-weight: 400;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    margin: 0;
    margin-bottom: 42px;
}

/* Profile Page */

.interior h2.ProfileUserName {
    margin-bottom: 10px;
}

.text-muted-h2 h2 {
    color: #000;
}

.profile {
    background-color: #F0F3F5;
    padding-top: 60px;
    margin-top: -20px;
}

.text-muted-h2.profile {
    margin-top: -41px;
}

.profile #BreadCrumb {
    background-color: #F0F3F5;
}

.profile div[id*="ProfileImage"] div[id*="pnlImage"] a[id*="lnkDisplay"] {
    width: 160px;
    height: 160px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.profile div[id*="ProfileImage"] div[id*="pnlImage"] a[id*="lnkDisplay"] img {
    width: 100%;
}

.profile .section1 {
    background-color: white;
    padding-top: 30px;
    border-radius: 6px;
}

.profile .section1 h2 {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.profile .nav-tabs {
    padding: 6px;
}

.nav-tabs:not(#CommunityTabsContainer) {
    background-color: #fff;
    /* padding: 6px; */
    border-bottom: 0;
}

#MPOuterMost .tabbed-content .nav-tabs {
    border-bottom: 2px solid #F0F3F5;
}

.tabbed-content .nav-tabs>li.active>a,
.tabbed-content .nav-tabs>li.active>a:hover,
.tabbed-content .nav-tabs>li.active>a:focus {
    background-color: transparent;
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    color: #000000;
    padding-bottom: 9px;
}

.tabbed-content .nav>li>a:hover,
.tabbed-content .nav>li>a:focus {
    background-color: transparent;
    /* border-bottom: 2px solid #0096A4; */
    padding-bottom: 9px;
}

.nav-tabs>li>a {
    border: 0;
    /* border-radius: 0; */
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #4D5259;
    /* padding: 8px 29px 8px 12px; */
    position: relative;
}

.tabbed-content .nav-tabs>li>a {
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    color: #4D5259;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
}


.tabbed-content .nav-tabs>li>a:hover::after,
.tabbed-content .nav-tabs>li>a:focus::after,
.tabbed-content .nav-tabs>li.active>a::after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #0096A4;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: #F0F3F5;
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    border: 0;
}

.profile .nav .caret {
    border: 0;
    vertical-align: baseline;
    display: inline-block;
    width: auto;
    height: auto;
}

.profile .nav .caret::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #888D90;
    position: relative;
    top: 50%;
    transform: translateY(-1px);
    /* right: 12px; */
    display: inline-block;
    padding-left: 8px;
    padding-right: 0;
}

.profile .nav li.active,
.profile .nav li:hover,
.profile .nav li.active a,
.profile .nav li:hover a {
    background: #F0F3F5;
    color: #000;
}

.profile .nav li.active .caret::before,
.profile .nav li:hover .caret::before {
    color: #000;
}

.profile .nav .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.profile .nav .dropdown-menu li a,
.profile .nav .dropdown-menu li a {
    background-color: #000;
    color: #fff;
}



.profile .nav .dropdown-menu li a:hover,
.profile .nav .dropdown-menu li a:focus {
    background-color: #fff;
    color: #000;
}

.profile .col-md-9 h2[id*="TitleText"] {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-family: Lato;
    margin-bottom: 10px;
}

.profile .col-md-9 h2[id*="TitleText"] a[id*="AddItem"] {
    text-transform: none;
    padding: 3px 6px;
    border-radius: 15px;
    letter-spacing: normal;
}

.profile .col-md-9 h2[id*="TitleText"] a[id*="AddItem"] .glyphicon-plus::before {
    content: '\f016';
    font-family: 'Juniper';
    font-size: 16px;
    line-height: 16px;
    color: white;
}

.alert-warning {
    background-color: #fff;
    border-color: transparent;
    border-radius: 6px;
    color: #000;

}

.alert-warning p {
    font-size: 16px;
    line-height: 23px;
    color: #000;
}

.alert-warning a.btn-sm {
    font-weight: bold;
    /* font-size: 17px; */
    line-height: 19px;
    /* padding: 16.5px 34px; */
    color: #fff;
    background-color: #437C0D;
    border-radius: 0;
    border-color: #437C0D;
    margin-top: 10px;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #437C0D;
    border-radius: 0;
    border-color: #437C0D;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #437C0D;
    border-color: #437C0D;
}

.profile h2 a.btn-edit {
    float: right;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 4px;
}

.profile h2 a.btn-edit .glyphicon-pencil:before {
    content: '\f303';
    font-family: 'Font Awesome 5 Pro';
    color: #333;
}

.profile a[id*="MessagesCount"] {
    background-color: #0096A4;
    color: white;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}

.profile a[id*="MessagesCount"]::before {
    font-family: 'Juniper';
    content: '\f00d';
}

/* Edit Buttons */

a.btn-edit {
    opacity: 1;
}

a.btn-edit .glyphicon-pencil:before {
    content: '\f303';
    font-family: 'Font Awesome 5 Pro';
    color: #333;
}

a.btn-edit .glyphicon-trash:before {
    content: '\f2ed';
    font-family: 'Font Awesome 5 Pro';
    color: #333;
}

.quote-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.quote-section .HtmlContent {
    display: flex;
}

.quote-section h2 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
}

.interior .quote-section .byline h3 {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 400;
}

.quote-section .byline h3:first-of-type {
    padding-left: 26px;
    display: flex;
    align-items: center;
    position: relative;
}

.quote-section .byline h3:first-of-type::before {
    content: '';
    background-color: #000;
    width: 22px;
    height: 1px;
    position: absolute;
    left: 0;
    margin-top: 2px;
}

.quote-section .text-content img {
    display: none;
}

.quote-section .quote-author {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    flex-basis: 26%;
}

.quote-section .text-content {
    padding-left: 20px;
}

.large-callout-title::before {
    content: '';
    height: 280px;
    width: 280px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.large-callout-title {
    padding: 145px 0;
}

.large-callout-title .HtmlContent {
    padding-left: 60px;
}

.large-callout-title h1 {
    font-weight: 400;
    font-size: 58px;
    line-height: 63px;
    margin-bottom: 20px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}

.large-callout-title p {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #4d5259;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
}

.title-block h3 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
}

.title-block h2 {
    margin-top: 0px;
    margin-bottom: 32px;
    font-weight: 400;
}

.margin-tb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.ambassador-page .heading-1 {
    margin-bottom: 0;
}

.ambassador-page .ambassadors-tile-wrapper>div {
    padding-top: 120px;
}

.ambassador-page.row-full .section1,
.ambassador-page .row-full .section5,
.ambassador-page .row-full .section9,
.ambassador-page .row-full .section10,
.ambassador-page .row-full .section16,
.ambassador-page .row-full .section17 {
    padding-left: 15px;
    padding-right: 15px;
}

.ambassador-tiles,
.flex-tiles {
    display: flex;
}

.ambassador-tiles {
    margin-bottom: 30px;
}

.ambassador-tile {
    background-color: white;
    height: 100%;
    transition: 0.3s;
}

.ambassador-tile h5 {
    color: #000;
}

.ambassador-tile a {
    text-decoration: none;
}

.ambassador-tile:hover,
.ambassador-tile:focus {
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    transition: 0.3s;
}

.ambassador-tile .HtmlContent {
    position: relative;
    padding: 35px 0px 51px 25px;
}

.ambassador-tile .HtmlContent .HtmlFooter {
    width: 150px;
    height: 190px;
    float: right;
    margin-top: -35px;
}

.ambassador-tile h3 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    color: #000;
    margin-bottom: 30px;
    transition: 0.3s;
}

.ambassador-tile:hover h3,
.ambassador-tile:focus h3 {
    text-decoration: underline;
    transition: 0.3s;
}

.ambassador-page h2 {
    margin-bottom: 30px;
}

.ambassador-tile h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 20px;
}

.ambassador-tile h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #4D5259;
    margin-bottom: 20px;
}

.ambassador-tile .HtmlContent .image-holder {
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    width: 150px;
    height: 190px;
}

.top-graphic-tile {
    height: 100%;
    transition: .3s;
}

.top-graphic-tile:hover {
    margin-top: -5px;
    transition: .3s;
}

.top-graphic-tile a {
    text-decoration: none;
}

.top-graphic-tile .HtmlContent {
    padding: 150px 30px 37px;
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    transition: 0.3s;
    height: 100%;
}

.top-graphic-tile:hover .HtmlContent,
.top-graphic-tile:focus .HtmlContent {
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    transition: 0.3s;
}

.top-graphic-tile:hover .HtmlContent em a,
.top-graphic-tile:focus .HtmlContent em a {
    color: #000;
    transition: 0.3s;
    text-decoration: none;
    border-bottom: 1px solid #000000;
}

.top-graphic-tile .HtmlContent h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 10px;
}

.top-graphic-tile .HtmlContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4d5259;
    letter-spacing: -0.02em;
    margin-bottom: 0;
}

.top-graphic-tile .HtmlContent p:first-of-type {
    margin-bottom: 10px;
}

.top-graphic-tile .tile-image {
    height: 120px;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    right: 0;
}

/* Community Home */

.commHTMLOptionsToAttach .summary-edit {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    background: #F0F3F5;
    padding: 40px calc(50% - 585px);
    margin-top: -38px;
}


.commHTMLOptionsToAttach .summary-edit h2 {
    display: block;
    margin-bottom: 10px;
}

.commHTMLOptionsToAttach .summary-edit p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 0;
}

.commHTMLOptionsToAttach .summary-edit p:first-of-type {
    margin-bottom: 30px;
}

/* .community-home>div:nth-of-type(1) {} */

.community-tabs-container-outer {
    padding: 0 calc(50% - 585px);
    position: relative;
    top: -38px;
    left: -15px;
}

.commHTMLOptionsToAttach h2 {
    display: none;
}

.community-nav-wrapper .badge {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}

#CommunityTabsContainer.nav-tabs {
    margin: 0;
    border-bottom: 0;
}

#CommunityTabsContainer.nav-tabs>li {
    margin-bottom: -2px;
}

#CommunityTabsContainer.nav-tabs>li>a {
    padding: 10px 12px;
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    margin-right: 10px;
}

#CommunityTabsContainer.nav-tabs>li>a::before {
    content: '';
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Juniper';
    display: inline-block;
}

#CommunityTabsContainer.nav-tabs>li[id*="Tab1"]>a::before {
    content: '\f013';
}

#CommunityTabsContainer.nav-tabs>li[id*="Tab2"]>a::before {
    content: '\f008';
}

#CommunityTabsContainer.nav-tabs>li[id*="Tab3"]>a::before {
    content: '\f014';
}

#CommunityTabsContainer.nav-tabs>li[id*="Tab5"]>a::before {
    content: '\f005';
}

#CommunityTabsContainer.nav-tabs>li[id*="Tab6"]>a::before {
    content: '\f00a';
}

#CommunityTabsContainer.nav-tabs>li.active>a {
    background-color: #F0F3F5;
    color: #000;
}

#CommunityTabsContainer.nav-tabs>li.active>a::before {
    color: #000;
}

h1#PageTitleH1 .gear-button {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
    color: white;
    background-color: transparent;
}

h1#PageTitleH1 .gear-button:hover,
h1#PageTitleH1 .gear-button:focus {
    background-color: black;
    color: white;
}

div[id*="communityJoinLeave_pnlViewOnly"] {
    display: none;
}

.nested-community .inline-block ul.breadcrumb {
    padding: 8px 12px 7.5px 0px;
    background-color: white;
    border-radius: 0;
    height: 37px;
}

.nested-community .inline-block ul.breadcrumb>li {
    line-height: 1;
}

.nested-community .inline-block ul.breadcrumb li a,
.nested-community .inline-block.popover-container .btn.btn-default {
    color: #000;
    padding: 0;
    background-color: white;
    border-radius: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
}

.nested-community .breadcrumb>li+li::before {
    color: #000;
}

.nested-community .inline-block ul.breadcrumb li a:hover,
.nested-community .inline-block ul.breadcrumb li a:focus {
    text-decoration: underline;
}

.nested-community .inline-block.popover-container .btn.btn-default {
    background: white;
    border: 0;
    border-radius: 0;
    color: #000;
    line-height: 1;
    padding: 9.5px 12px 9.5px 12px;
}

.nested-community .inline-block.popover-container .btn.btn-default i:emtpy {
    width: initial;
}

.nested-community .inline-block.popover-container .btn.btn-default i::before {
    content: '\f03a';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
    height: 15px;
    width: 15px;
}


.community-title-wrap {
    padding: 60px 0 67px;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/interior/clp-background.png');
    background-size: cover;
    background-position: center;
    position: relative;
}

.community-title-wrap a[id*="communityJoinLeave"] {
    position: absolute;
    top: 97px;
    right: calc(50% - 600px);
}

.interior .community-title-wrap #PageTitleH1 {
    background-color: transparent;
    color: white;
    padding-top: 0;
    padding-bottom: 20px;
}

.community-title-wrap .community-description {
    max-width: 1200px;
    margin: 0 auto;
}

.community-title-wrap .community-description>.col-md-12 {
    max-width: 770px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding: 0;
}

.nested-community {
    padding: 6px calc(50% - 600px);
    background-color: transparent;
}

.nested-community div>.col-md-12 {
    display: flex;
    align-items: center;
}

.most-active-groups .nested-community,
.communityDescriptionDashboard {
    display: none;
}

h1#PageTitleH1.dark-page-title {
    background-color: #000;
    color: #FFF;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    padding: 80px calc(50% - 600px);
    max-width: none;
}

h1#PageTitleH1.light-page-title,
.interior h1#PageTitleH1 {
    background-color: #FAFAFA;
    color: #000;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    padding: 40px calc(50% - 600px);
    max-width: none;
}

h1#PageTitleH1 a[id*="communityJoinLeave"] {
    float: right;
}

#PageTitleH1 ul.communityManagementGearDD,
#PageTitleH1.light-page-title,
.interior h1#PageTitleH1 a {
    letter-spacing: normal;
}

.community-home {
    padding-bottom: 60px;
}

.community-home .HLLandingControl.HLDiscussions {
    border: 0;
    padding: 0;
}

.community-home .HLLandingControl.HLDiscussions .heading h2,
.community-home .HLAnnouncements {
    margin-top: 60px;
    margin-bottom: 40px;
}

.community-home .HLLandingControl.HLDiscussions ul li .title-row .col-sm-10.col-md-10 {
    width: 100%;
    padding: 0;
}

.community-home .HLLandingControl.HLDiscussions ul li .byline-wrap {
    display: flex;
    align-items: center;
}


.community-home .HLLandingControl.HLDiscussions ul li .byline-wrap .col-sm-2 {
    height: 40px;
}

.community-home .HLLandingControl.HLDiscussions .no-data-container .col-md-12 {
    padding: 0;
}

.community-home .unanswered-posts {
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #F0F3F5;
    background: #FAFAFA;
}

.community-home .unanswered-posts .HLLandingControl.HLDiscussions .heading h2 {
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
}

.community-home .unanswered-posts .HLLandingControl.HLDiscussions ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
}

.community-home .unanswered-posts .HLLandingControl.HLDiscussions ul li:last-of-type {
    margin-bottom: 10px;
}

.community-home .unanswered-posts .HLLandingControl.HLDiscussions {
    border: 0;
    padding: 0;
    margin: 0;
}

.community-home .HLAnnouncements {
    padding: 30px;
    border-radius: 4px;
    background: #000;
}

.community-home .HLLandingControl.HLAnnouncements h2 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #FFFFFF;
}


.community-home .HLAnnouncements h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 10px;
}

.community-home .HLAnnouncements .content-row,
.community-home .HLAnnouncements .content-row p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.community-home .HLAnnouncements .Content ul li {
    border: 0;
    padding: 0;
    margin: 0;
}

/* Member Grid */

.panel.panel-default {
    border: 0;
    border-radius: 0;
}

.panel .panel-heading,
.panel-body {
    border: 0;
    border-radius: 0;
    padding: 20px;
    padding-top: 0;
}

.panel .panel-heading {
    padding: 0;
    background-color: transparent;
}

.panel .panel-heading .panel-title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
    font-family: Lato;
    padding: 20px;
}

.panel .panel-body span[id*="MemberCountLink"] {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #000;
}

.panel-member {
    border: 0.5px solid #B5B8B9;
    box-sizing: border-box;
    border-radius: 6px;
}

.panel .GroupMemberAdmin span.label-admin {
    background-color: #448500;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 1;
    padding: 2px 7px;
}

/* Search Results */

.fs-result-row .hl-type>span {
    border-radius: 20px;
    background-color: #F0F3F5;
    font-size: 10px;
    line-height: 13px;
    padding: 3px 8px;
    font-weight: 700;
    color: #888d90;
}

.bg-silver-code-repo {
    background-color: #F0F3F5;
}

.repo-header {
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 60px;
}

.repo-header::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.7;
    background: #000000;
}

.repo-header .HtmlContent {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.repo-header .HtmlContent h2 {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
    letter-spacing: -0.03em;
    color: white;
    margin-bottom: 10px;
}

.repo-header .HtmlContent p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #fff;
}


.selector-wrap .search-box .form-control,
input#customSearch {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    border-right: 0;
    box-shadow: none;
}

.resource-search-bar .HtmlContent,
.resource-search-bar .SearchInputs {
    background: rgba(242, 238, 232, 0.25);
    border: 1px solid #D1D1D1;
}

.resource-search-bar .SearchInputs button.btn-default.dropdown-toggle {
    display: none;
}

.resource-search-bar .SearchInputs input,
.resource-search-bar .SearchInputs button {
    background-color: transparent;
    border: 0;
}

.search-bar-button-wrap {
    display: flex;
    justify-content: space-between;
}

.search-bar-button-wrap .repo-search-bar {
    background-color: #fff;
    flex-basis: 74.2268041237%;
}

.repo-search-bar>.HtmlContent {
    top: 50%;
    transform: translateY(-50%);
}


input#customSearch {
    width: calc(100% - 46px);
    height: 34px;
    padding: 6px 12px;
    background-color: #f2eee8;
    background: transparent;
    border: 0;
}

.selector-wrap .search-box .input-group-btn .btn,
button#customSearch {
    background: transparent;
    border-radius: 0;
    border: 0;
    border-left: 0;
}

button#customSearch {
    height: 34px;
    padding: 0px 12px;
    border: 0;
}

.repo-search-bar button[id*="customSearch"] .glyphicon-search {
    font-size: 22px;
    line-height: 1.25;
}

button#customSearch .glyphicon-search::before,
.repo-search-bar button[id*="SearchWhole"] .glyphicon-search::before {
    font-family: 'Juniper';
    content: "\f000";
}

.selector-wrap .search-box .input-group-btn .btn span {
    color: #121c50;
}

.selector-wrap .search-box .form-control::placeholder,
.repo-search-bar input[id*="customSearch"]::placeholder {
    font-style: normal;
    color: #000;
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.feature-preview-row {
    display: none;
}

.code-repo ul:not(.pagination):not(.dropdown-menu) {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.code-repo ul:not(.pagination):not(.dropdown-menu) li {
    flex-basis: calc(32% - 15px);
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    padding: 30px;
    padding-bottom: 70px;
    margin: 0 15px 15px;
    position: relative;
}

/* 
.code-repo ul:not(.pagination):not(.dropdown-menu) li:first-of-type {
    margin-left: 0;
} */

/* 
.code-repo ul:not(.pagination):not(.dropdown-menu) li:last-of-type {
    margin-right: 0;
} */

.code-repo ul:not(.pagination) li div[id*="pnlTags"] {
    margin-bottom: 20px;
}

.code-repo ul:not(.pagination) li div[id*="pnlTitle"] h3 {
    margin-bottom: 3px;
}

.code-repo ul:not(.pagination) li p[id*="pDescription"] {
    overflow: hidden;
    height: 38px;
    margin-bottom: 20px;
}

.code-repo .library-list {
    width: calc(33.3333333333% - 30px);
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    padding: 30px;
    padding-bottom: 60px;
    margin: 0 15px;
    height: 250px;
    float: left;
    position: relative;
}

.code-repo .library-list div[id*="NameBlock"] {
    height: 145px;
    overflow: hidden;
}

.code-repo ul li>div:nth-child(4) {
    display: none;
}

.code-repo .library-bottom {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.code-repo .library-bottom a {
    display: inline-block;
    background-color: #437C0D;
    color: white;
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    padding: 8px 16px;
    text-decoration: none;
}


.code-repo .library-bottom a:hover,
.code-repo .library-bottom a:focus {
    background-color: #000;
}

.code-repo .library-bottom a[href*="bdb90a90-a9bd-4226-8f03-051df7d28113"] {
    background-color: transparent;
    font-weight: 400;
    color: #888D90;
    font-size: 14px;
    line-height: 15px;
    padding: 8px 0;
}

.code-repo .library-bottom a[href*="bdb90a90-a9bd-4226-8f03-051df7d28113"]:hover,
.code-repo .library-bottom a[href*="bdb90a90-a9bd-4226-8f03-051df7d28113"]:focus {
    color: #000;
}

.code-repo.all .library-list {
    margin-bottom: 20px;
}

.interior .code-repo div[id*="DocumentPanel"]>.row h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
}

.code-repo:not(.all) .Content>.row,
.code-repo:not(.all) .Content>.row:nth-of-type(2),
.code-repo.all .Content>.row:first-of-type .col-md-4,
.code-repo .library-list h3 span[id*="IconFollow"],
.code-repo ul.pagination {
    display: none;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 {
    width: 100%;
}

.code-repo.all .Content>.row:first-of-type {
    margin-bottom: 20px;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] {
    float: left;
}

.code-repo.all .Content>.row:first-of-type .submit-code-repo,
.code-repo.all .heading h2 .submit-code-repo {
    float: right;
    margin-left: 5px;
}

.code-repo.all .Content>.row:first-of-type .submit-code-repo em a {
    background-color: #000;
}

.code-repo.all .Content>.row:first-of-type .submit-code-repo em a:hover,
.code-repo.all .Content>.row:first-of-type .submit-code-repo em a:focus {
    background-color: #437C0D;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button {
    border: 1px solid #000;
    background-color: transparent;
    padding: 10px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    border-radius: 0;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button span.filter-option {
    width: calc(100% - 15px);
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button .caret {
    border-top-color: transparent;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button .bs-caret::before {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="CreateLibraryEntryContainer"] {
    display: none;
}

.code-repo.all .Content>.row:nth-of-type(2) {
    display: none;
}

.code-repo ul li:first-of-type {
    margin-left: 0;
}

.code-repo ul li:last-of-type {
    margin-right: 0;
}

.code-repo ul li div[id*="pnlTitle"] {
    width: 100%;
}

.code-repo ul li div[id*="pnlObjectType"] {
    display: none;
}

.code-repo .fa-tags::before {
    font-family: 'Font awesome 5 Pro';
    font-weight: 400;
    content: '\f02b';
    color: #888D90;
}

.code-repo .tags-container .label-search-tag,
.code-repo .content-tags .label-search-tag {
    border: 0.5px solid #888D90;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 18px;
    color: #888D90;
    background-color: #fff;
}

.code-repo div[id*="DocumentPanel"]>div>.col-md-12 {
    padding: 0;
}

.code-repo div[id*="DocumentPanel"] div[id*="ListViewContent"] {
    margin: 0 -15px;
}

.code-repo div[id*="NameBlock"] {
    padding: 0;
}

.code-repo div[id*="NameBlock"]>div:nth-child(4) {
    height: 40px;
    overflow: hidden;
}

.code-repo div[id*="NameBlock"]>div:nth-child(6) {
    display: none;
}

.code-repo div[id*="NameBlock"]>div:nth-child(4) br,
.code-repo div[id*="NameBlock"]>.pull-right {
    display: none;
}

.code-repo .libListReptEntByline {
    display: none;
}

.code-repo .library-list h3 a {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #000;
}

/****** Fixation on TechPost filtered Blog ******/

.flex-66-33 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 15px;
}

.flex-66-33>.col-md-4 {
    display: flex;
    justify-content: flex-end;
}

.flex-66-33>.col-md-8 h3 {
    margin-top: 0;
}

.tech-post-header {
    background-size: cover;
    background-position: center;
    color: white;
    padding: 83px 0 82px;
    position: relative;
    margin-bottom: 60px;
}

.tech-post-header h2 {
    margin-bottom: 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    position: relative;
}

.tech-post-header p {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    font-weight: 400;
}

.tech-post-header::before,
.tech-post-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    background-repeat: no-repeat;
}

.filtered-blogs-title h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin-bottom: 20px;
}

.tech-post-header::before {
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/JUNIPER/d23a697c-df5f-4ff0-a1e2-adfaa82cbc02/UploadedImages/TechPost/tech-post-bg-gradient.png");
    background-size: cover;
}

.tech-post-header::after {
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/JUNIPER/d23a697c-df5f-4ff0-a1e2-adfaa82cbc02/UploadedImages/TechPost/tech-post-overlay.svg");
}

.tech-post-header p {
    color: white;
    position: relative;
    z-index: 10;
}

.tech-post .grid {
    min-height: 150px;
}

.tech-post .grid div[id*="BlogContents"] {
    margin-left: -15px;
    margin-right: -15px;
    background: #fff;
    margin-bottom: 60px;
}

.tech-post .grid .pagination,
.tech-post .grid div[id*="BlogContents"]>.row:first-child,
.tech-post .grid div[id*="BlogContents"]>.row-border-top:last-child,
.tech-post .grid div[id*="ThreadFollowIcon"],
.tech-post .tech-post .grid .blogs-block .col-md-8.col-sm-8+.col-md-4 {
    display: none;
}

.tech-post .grid .blogs-block {
    width: calc(33.33333% - 30px);
    margin: 15px;
    background: #FAFAFA;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 0;
    border-top: none;
    border: 1px solid #fafafa;
    transition: 0.3s;
}

.tech-post .grid .blogs-block:hover,
.tech-post .grid .blogs-block:focus {
    background: #fff;
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    border: 1px solid #EAEAEA;
    transition: 0.3s;
}

@keyframes imgcontainerloading {
    0% {
        background: #233d4d;
    }

    50% {
        background: #3c5b6e;
    }

    100% {
        background: #233d4d;
    }
}

.tech-post .grid .blogs-block .img-container {
    background-size: cover;
    background-position: center;
    height: 200px;
    position: relative;
}

.tech-post .grid .blogs-block .img-container::before {
    content: "";
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation-name: imgcontainerloading;
    animation-duration: 3s;
}

.tech-post .grid .blogs-block .img-container.loading::before {
    opacity: 1;
    transition: 0.3s;
}

.tech-post .grid .blogs-block::before {
    content: '';
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 30px;
    font-family: Juniper;
    color: white;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.tech-post .grid .blogs-block.ptx-series::before {
    background-color: #84B135;
    content: '\f027';
}

.tech-post .grid .blogs-block.mx-series::before {
    background-color: #0096A4;
    content: '\f027';
}

.tech-post .grid .blogs-block.acx-series::before {
    background-color: #009877;
    content: '\f027';
}

.tech-post .grid .blogs-block.solutions-and-technology::before {
    background-color: #000;
    content: '\f025';
}

.tech-post .grid .blogs-block.validation::before {
    background-color: #e87200;
    content: '\f024';
}

.tech-post .grid .blogs-block.silicon::before {
    background-color: #60269e;
    content: '\f026';
}

.tech-post .grid .blogs-block.automation::before {
    background-color: #e43d30;
    content: '\f028';
}

.tech-post .grid .blogs-block.routing::before {
    background-color: #2D6A00;
    content: '\f029';
}

.tech-post .grid .blogs-block.apstra::before {
    color: #e43d30;
    background-color: #fff;
   content: '\f02a';
}

.tech-post .grid .blogs-block .text-container {
    margin: 90px 25px 20px 25px;
    position: relative;
    /* height: 135px; */
    /* overflow: hidden; */
}

.tech-post .grid .blogs-block .text-container .row {
    margin-left: 0;
    margin-right: 0;
}

.tech-post .grid .blogs-block .text-container .col-md-12,
.tech-post .grid .blogs-block .text-container .col-md-8,
.tech-post .grid .blogs-block .row.content-row {
    padding-left: 0;
    padding-right: 0;
}

.tech-post .grid .blogs-block .col-md-8.col-sm-8 {
    width: 100%;
}

.tech-post .grid .blogs-block h3 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.tech-post .grid .blogs-block h3 span {
    color: #000;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
}

.tech-post .grid .blogs-block h3 a:hover,
.tech-post .grid .blogs-block h3 a:focus {
    text-decoration: underline;
    color: #18a6ce;
}

.tech-post .grid .text-container::before {
    width: 60px;
    height: 60px;
    display: inline-block;
    border: 5px solid #fff;
    border-radius: 50%;
    font-family: NSH;
    font-weight: 400;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 25px;
    top: -30px;
}

.ihc-and-molecular .text-container::before {
    content: "\f027";
    background: #82195c;
}

.general-anatomic-pathology .text-container::before {
    content: "\f028";
    background: #0f93f0;
}

.leadership-development .text-container::before {
    content: "\f029";
    background: #58c2b4;
}

.laboratory-operations .text-container::before {
    content: "\f02a";
    background: #495ca1;
}

.imaging-and-analysis .text-container::before {
    content: "\f02b";
    background: #8466ac;
}

.member-stories .text-container::before {
    content: "\f02c";
    background: #d14eac;
}

.lab-safety .text-container::before {
    content: "\f02d";
    background: #fcb041;
}

.governance .text-container::before {
    content: "\f02e";
    background: #f77e2d;
}

.tech-post .grid a.label-search-tag.content-topics,
.tech-post .blogs-block .user-content-hashtag {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.tech-post .grid a.label-search-tag.content-topics:hover,
.tech-post .grid a.label-search-tag.content-topics:focus {
    color: #333;
}

.tech-post .blogs-block .user-content-hashtag {
    background: transparent;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    margin-right: 18px;
}

.tech-post .blogs-block .user-content-hashtag:hover,
.tech-post .blogs-block .user-content-hashtag:focus {
    text-decoration: underline;
}

.tech-post .content-tags a.label-search-tag {
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    color: #437C0D;
    text-transform: uppercase;
    background: transparent;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    border: 0;
}

.tech-post .content-tags {
    font-size: 0;
}

.tech-post .content-tags .text-muted {
    display: none;
}

.ihc-and-molecular a.label-search-tag.content-topics {
    color: #82195c;
}

.general-anatomic-pathology a.label-search-tag.content-topics {
    color: #0f93f0;
}

.leadership-development a.label-search-tag.content-topics {
    color: #58c2b4;
}

.laboratory-operations a.label-search-tag.content-topics {
    color: #495ca1;
}

.imaging-and-analysis a.label-search-tag.content-topics {
    color: #8466ac;
}

.member-stories a.label-search-tag.content-topics {
    color: #d14eac;
}

.lab-safety a.label-search-tag.content-topics {
    color: #fcb041;
}

.governance a.label-search-tag.content-topics {
    color: #f77e2d;
}

.tech-post .grid .blogs-block .content-row .margin-top-small {
    margin-top: 0;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.tech-post .grid .blogs-block .content-tags {
    padding-left: 0;
    margin-top: 12px;
    margin-bottom: 12px;
}

.grid .fa-tags::before,
.tech-post .blogs-block .tags-list::before {
    font-family: NSH;
    content: "\f024";
    color: #b7b7b7;
    font-size: 16px;
    line-height: 1;
}

.tech-post .blogs-block .tags-list::before {
    margin-right: 6px;
}

.tech-post .grid .blogs-block .label-search-tag.year {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
    color: #333333;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.tech-post .grid .blogs-block .label-search-tag.year:hover,
.tech-post .grid .blogs-block .label-search-tag.year:focus {
    text-decoration: none;
}

.comments-and-likes {
    border-top: 1px solid #f4f4f4;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comments-and-likes .label-default {
    background: transparent;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.comments-and-likes div[id*="likeRatingContainer"],
.blog-tags div[id*="likeRatingContainer"] {
    margin-top: 0;
}

.comments-and-likes a[id*="TotalLikes"],
.blog-tags a[id*="TotalLikes"] {
    padding: 0;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-right: 6px;
    background: transparent;
}

.comments-and-likes a[id*="TotalLikes"]:hover,
.comments-and-likes a[id*="TotalLikes"]:focus,
.blog-tags a[id*="TotalLikes"]:hover,
.blog-tags a[id*="TotalLikes"]:focus,
.comments-and-likes a[id*="lbLike"]:hover,
.comments-and-likes a[id*="lbUndoLike"]:focus,
.blog-tags a[id*="lbLike"]:hover,
.blog-tags a[id*="lbUndoLike"]:focus {
    background: transparent;
}

.comments-and-likes a[id*="TotalLikes"]:hover,
.comments-and-likes a[id*="TotalLikes"]:focus,
.blog-tags a[id*="TotalLikes"]:hover,
.blog-tags a[id*="TotalLikes"]:focus {
    text-decoration: underline;
}

.comments-and-likes a[id*="lbLike"],
.blog-tags a[id*="lbLike"],
.comments-and-likes a[id*="lbUndoLike"],
.blog-tags a[id*="lbUndoLike"] {
    padding: 0;
    border: none;
    font-size: 0;
}

.comments-and-likes a[id*="lbLike"]::before,
.comments-and-likes a[id*="lbUndoLike"]::before,
.blog-tags a[id*="lbLike"]::before,
.blog-tags a[id*="lbUndoLike"]::before {
    font-family: NSH;
    font-size: 16px;
    line-height: 20px;
    color: #e84a43;
}

.comments-and-likes a[id*="lbLike"]::before,
.blog-tags a[id*="lbLike"]::before {
    content: "\f025";
}

.comments-and-likes a[id*="lbUndoLike"]::before,
.blog-tags a[id*="lbUndoLike"]::before,
.comments-and-likes a[id*="lbLike"]:hover::before,
.comments-and-likes a[id*="lbLike"]:focus::before,
.blog-tags a[id*="lbLike"]:hover::before,
.blog-tags a[id*="lbLike"]:focus::before {
    content: "\f026";
}

.no-results {
    position: absolute;
    bottom: 0;
}

/*** selector styling ***/

.tech-post .grid div.dropdown-group {
    width: 100%;
    float: none;
    padding: 0px;
    position: relative;
    z-index: 2;
    margin-bottom: 25px;
}

.dropdown-group>.HtmlContent {
    display: flex;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
}

.dropdown-group>.HtmlContent>* {
    margin: 5px 3px;
}

/*** search bar ***/

#customSearch {
    font-family: "Source Sans Pro", sans-serif;
    padding: 6px 14px;
    color: #333333;
    font-size: 15px;
    line-height: 22px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    border-radius: 0;
}

#customSearch::placeholder {
    color: #333;
}

/*** clear all button ***/

.dropdown-group .HtmlContent .clear-all-button {
    font-family: "Source Sans Pro", sans-serif;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    margin-left: auto;
}

.clear-all-button::before {
    font-family: 'Font Awesome 5 Pro';
    margin-right: 8px;
    content: "\f00d";
    color: #555;
}

/*** dropdown ***/

div.filter-button-group {
    position: relative;
    width: 275px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    border: 1px solid #CCC;
    border-radius: 4px;
}

div.filter-button-group .filter-content {
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    /* z-index: 1; */
    /* background: #fff; */
    font-size: 15px;
    line-height: 22px;
}

div.filter-button-group .filter-content.open {
    display: block;
    border: 1px solid #e5e9eb;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

.filter-button-group ul.multiple-select {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
}

div.filter-button-group .filter-content.open ul.multiple-select {
    display: block;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    background: #fff;
    z-index: 5;
}

.filter-button-group ul.multiple-select li.checkbox-filter {
    padding: 4px 10px;
}

div.filter-button-group .filter-label:after {
    content: "\f078";
    color: #555555;
    float: right;
    font-family: 'Font Awesome 5 Pro';
    font-size: 13px;
    line-height: 20px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.filter-button-group .filter-label {
    padding: 5px 6px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    position: relative;
    /* z-index: 11; */
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #555;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Customize the label (the container) */

.filter-content .container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */

.filter-content .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */

.filter-content .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f3f2f4;
}

/* On mouse-over, add a grey background color */

.filter-content .container:hover input~.checkmark {
    background-color: #e5e9eb;
}

/* When the checkbox is checked, add blue background */

.filter-content .container input.active~.checkmark {
    background-color: #33bad7;
}

/* Create the checkmark/indicator (hidden when not checked) */

.filter-content .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.filter-content .container input.active~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.filter-content .container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/****** blog viewer page ******/

@media (min-width: 992px) {
    .blog-viewer-page .row>.col-md-8[class*="section"] {
        padding-right: 25px;
    }

    .blog-viewer-page .row>.col-md-4[class*="section"] {
        padding-left: 25px;
    }
}

.blog-viewer-page {
    padding-top: 45px;
    padding-bottom: 45px;
}

.blog-tags {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-viewer-page div[id*="BackButtonContainer"],
.tech-post .blogs-block span[id*="IconFollow"],
.tech-post .blogs-block .ItemRatingCommentPanel {
    display: none;
}

.tech-post .blogs-block h3.blogTitle {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.333333;
    color: #333;
    margin-top: 8px;
    margin-bottom: 10px;
}

.tech-post .blogs-block div[id*="TitleContainer"]+.row.margin-bottom-medium,
.tech-post .blogs-block .blogTitle+div[id*="UpdatePanel"]>.row.margin-bottom-medium {
    margin-bottom: 20px;
}

.tech-post .blogs-block div[id*="TitleContainer"]+.row.margin-bottom-medium>.col-md-8,
.tech-post .blogs-block div[id*="TitleContainer"]+.row.margin-bottom-medium>.col-md-4,
.tech-post .blogs-block .blogTitle+div[id*="UpdatePanel"]>.row.margin-bottom-medium>.col-md-8,
.tech-post .blogs-block .blogTitle+div[id*="UpdatePanel"]>.row.margin-bottom-medium>.col-md-4 {
    width: 100%;
}

.tech-post .blogs-block div[id*="TitleContainer"]+.row.margin-bottom-medium>.col-md-8 .form-group,
.tech-post .blogs-block .blogTitle+div[id*="UpdatePanel"]>.row.margin-bottom-medium>.col-md-8 .form-group {
    display: block;
}

.tech-post .blogs-block div[id*="TitleContainer"]+.row.margin-bottom-medium h4,
.tech-post .blogs-block .blogTitle+div[id*="UpdatePanel"]>.row.margin-bottom-medium h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.tech-post .blogs-block div[id*="TitleContainer"]+.row.margin-bottom-medium h4 a,
.tech-post .blogs-block .blogTitle+div[id*="UpdatePanel"]>.row.margin-bottom-medium h4 a {
    color: #333;
}

.tech-post .blogs-block .form-group {
    line-height: 0;
}

.tech-post .blogs-block div[id*="ByLine"] {
    display: flex;
    justify-content: space-between;
}

.tech-post .blogs-block div[id*="ByLine"] .byline-name .TitleHeading {
    margin-right: 3px;
}

.tech-post .blogs-block div[id*="ByLine"] .byline-name .TitleHeading::after {
    content: ":";
}

.tech-post .blogs-block figure {
    margin-bottom: 30px;
}

.tech-post .blogs-block div[id*="dvStatsContainer"] {
    border-top: 1px solid #f4f4f4;
    margin-top: 30px;
    padding-top: 20px;
}

.tech-post .blogs-block div[id*="dvStatsContainer"] .col-md-12 {
    padding: 0;
}

.tech-post .blogs-block div[id*="dvStatsContainer"] .label.label-default {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
    background: #999999;
}

.popular-topics {
    margin-top: 40px;
    padding: 30px;
    background: #FAFAFA;
    display: flex;
    border: 1px solid #F0F3F5;
    border-radius: 4px
}

.popular-topics .HtmlContent {
    display: flex;
}

.popular-topics .text-container {
    flex-basis: 36.4957264957%;
}

.popular-topics h2 {
    margin: 5px 0 10px;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
}

.popular-topics p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #000;
}

.popular-topics .button-container {
    flex-basis: 63.5042735043%;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    /* align-items: center; */
}

.popular-topics .button-container em {
    margin: 0 5px 5px 0;
    display: inline-block;
}

.popular-topics .button-container em a {
    background-color: transparent;
    border: 1px solid #437C0D;
    color: #437C0D;
}

.popular-topics .button-container em:last-of-type a {
    padding: 16px 12px;
    font-weight: bold;
    font-size: 16px;
    line-height: 33px;
    color: #437C0D;
    background: transparent;
    border: 0;
}

.popular-topics .button-container em:last-of-type a::after {
    display: inline-block;
    content: '\f004';
    font-family: 'Juniper';
    margin-left: 5px;
}


.popular-topics .button-container em a:hover,
.popular-topics .button-container em a:focus {
    background-color: #437C0D;
    color: white;
}

.popular-topics .button-container em:last-of-type a:hover,
.popular-topics .button-container em:last-of-type em a:focus {
    color: black;
    background-color: transparent;
}

/* Tabs */

.tabs.hide-headings .heading,
.tabs.hide-headings .sort-options-container {
    display: none;
}

.tabbed-content {
    margin-top: 40px;
    padding-left: 45px;
}

.tabbed-content .tabs.hide-headings {
    margin-bottom: 0;
    padding-left: 0;
}


.tabs.hide-headings .HLLandingControl {
    padding: 0;
    border: 0;
}


.tabs.hide-headings .HLLandingControl.HLDiscussions ul li .title-row .col-sm-10.col-md-10 {
    width: 100%;
    padding: 0;
}

.tabs.hide-headings .HLLandingControl.HLDiscussions ul li div[id*="likeRatingContainer"] {
    margin: 0;
}

.tabs.hide-headings ul li h3 {
    margin-bottom: 2px;
}

/* Featured Post */

.featured-post {
    padding: 30px;
    border-radius: 4px;
    background: #000000;
    margin-top: 40px;
}

.featured-post .heading h2 {
    margin: 0 0 20px 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.featured-post .HLLandingControl ul li {
    margin: 0;
    padding: 0;
    border: 0;
}

.featured-post .HLLandingControl ul li h3 a {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
    letter-spacing: -0.02em;
}

.featured-post .HLLandingControl ul li div[id*="pnlTitle"] {
    width: 100%;
    padding: 0;
}

.featured-post .HLLandingControl ul li div[id*="ObjectType"] {
    display: none;
}

.featured-post .byline-wrap .ByLine,
.featured-post .byline-wrap h5,
.featured-post .byline-wrap .ByLine a,
.featured-post .byline-wrap h5 a {
    color: white;
}

.featured-post div[id*="pnlMoreLink"] {
    margin-top: 20px;
}

.featured-post div[id*="pnlMoreLink"] a {
    width: 100%;
    text-align: left;
    color: white;
}


.featured-post div[id*="pnlMoreLink"] a:hover,
.featured-post div[id*="pnlMoreLink"] a:focus {
    text-decoration: underline;
}

/* cookbook icons */

.tech-post.cookbook .dropdown-group>.HtmlContent .ambassador-cookbook-topic {
    order: -1;
}

.tech-post.cookbook .grid .blogs-block::before {
	content: '';
    background-color: transparent;
}

.tech-post.cookbook .grid .blogs-block::after {
	content: '';
	position: absolute;
	height: 30px;
	width: 30px;
	margin: auto;
    top: 30px;
    left: 30px;
	background-size: contain;
	background-repeat: no-repeat;
}


.tech-post.cookbook .grid .blogs-block.automation::after {
	background-image: url("//higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/Cookbook_Icons/Automation.svg");
}

.tech-post.cookbook .grid .blogs-block.data-centercloud::after {
	background-image: url("//higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/Cookbook_Icons/Data_center_Cloud.svg");
}

.tech-post.cookbook .grid .blogs-block.routing::after {
	background-image: url("//higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/Cookbook_Icons/Rounting.svg");
}

.tech-post.cookbook .grid .blogs-block.security::after {
	background-image: url("//higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/Cookbook_Icons/Security.svg");
}

.tech-post.cookbook .grid .blogs-block.wireless::after {
	background-image: url("//higherlogicdownload.s3.amazonaws.com/JUNIPER/408c9b7a-bee4-4bc8-8751-68fe11d01b6a/UploadedImages/Cookbook_Icons/wireless.svg");
}

/* Responsive */

@media (max-width: 1200px) {
    .member-dashboard-img .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .member-dashboard .community-list .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .popular-topics .HtmlContent {
        flex-wrap: wrap;
    }

    .popular-topics .text-container {
        flex-basis: initial;
    }

    .popular-topics .button-container {
        flex-basis: initial;
        justify-content: initial;
    }

    .popular-topics .button-container em {
        margin: 5px;
    }
}

@media (max-width: 991px) {
    .search-bar-button-wrap {
        flex-direction: column;
    }

    .search-bar-button-wrap .repo-search-bar {
        margin-bottom: 15px;
    }

    .search-bar-button-wrap em a {
        display: block;
        text-align: center;
    }

    .search-bar-button-wrap .repo-search-bar .HtmlContent {
        top: unset;
        transform: none;
    }

    .repo-search-bar em a {
        display: block;
        text-align: center;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) {
        margin: 0;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .code-repo div[id*="DocumentPanel"] div[id*="ListViewContent"] {
        margin: 15px;
    }

    .code-repo .library-list {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 30px;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) li {
        margin-bottom: 30px;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) li:first-of-type {
        margin-left: 15px;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) li:last-of-type {
        margin-right: 15px;
    }

}

@media (max-width: 1337px) {
    .member-dashboard-toggle {
        left: 0;
    }

    .member-dashboard .collapsed-greeting {
        left: 105px;
    }

    .member-dashboard:not(.open) .collapsed-message {
        right: 0;
    }
}

@media (max-width: 1200px) {

    .quote-section .HtmlContent {
        flex-direction: column;
    }

    .quote-section .quote-author {
        flex-basis: auto;
    }

    .quote-section .text-content {
        padding-left: 0;
        padding-top: 20px;
    }

    .image-right:not(.bordered):not(.heading-1) .HtmlContent::after {
        content: none;
    }

    h1#PageTitleH1.light-page-title,
    .interior h1#PageTitleH1 {
        padding-left: 30px;
        padding-right: 30px;
    }

}

@media (max-width: 1200px) {

    .image-left .HtmlContent,
    .image-right .HtmlContent,
    .left-image {
        flex-direction: column;
    }

    .left-image>.col-md-6:last-child,
    .left-image>.col-md-6:first-child {
        padding: 50px;
    }

    .image-left .HtmlContent>div:first-of-type,
    .image-right .HtmlContent>div:last-of-type {
        padding: 250px;
        width: 100%;
    }

    .image-right.bordered .HtmlContent>div:last-of-type {
        padding: 150px;
    }

    .heading-1.video .HtmlContent>div:first-of-type {
        padding-top: 70px;
    }

    .image-right.video .HtmlContent>div:last-of-type {
        padding-top: 0;
    }
}

@media (max-width: 1024px) {

    #NAV #MPButtonBar {
        position: relative;
        z-index: 1500;
    }

    sw-primary-nav[mobile-open] {
        position: relative;
        z-index: 1550;
    }

    .member-dashboard:not(.open)>.row.row-wide .dashboard-col-1 .dashboard-progress {
        left: 350px;
    }

}

@media (max-width: 992px) {

    h1#PageTitleH1.light-page-title,
    .interior h1#PageTitleH1 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 991px) {

    /* Member Dashboard */

    .member-dashboard .dashboard-slider .slick-list {
        overflow: inherit;
    }

    .member-dashboard.open>.row.row-wide {
        height: 400px;
    }

    .member-dashboard .dashboard-slider .slick-dots {
        bottom: -50px;
    }

    .ambassador-tiles,
    .flex-tiles {
        flex-direction: column;
    }

    .ContentItemHtml .HtmlFooter {
        padding: 0;
    }

    .tile-wrapper {
        flex-direction: column;
    }

    .home .upcoming-events .HLEventList {
        margin-left: 0;
    }

    .ambassador-tile {
        margin-bottom: 15px;
    }

    .top-graphic-tile {
        margin-bottom: 15px;
    }

    .tech-post .grid .blogs-block {
        width: calc(50% - 30px);
    }
}

@media (max-width: 911px) {
    .member-dashboard:not(.open) .collapsed-message {
        display: none;
    }
}

@media (max-width: 768px) {

    .member-dashboard.open>.row.row-wide .dashboard-col-1 .col-sm-6,
    .member-dashboard.open .row.row-wide .dashboard-col-1 .digital-ribbons {
        width: 50%;
        display: inline-block;
        float: left;
    }

    .home .full div.section1,
    .home .full div.section2,
    .ambassador-page .row-full div.section1 {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-wrapper,
    .ambassador-page .heading-1 {
        padding-left: 15px;
        padding-right: 15px;
    }


    #NAV.traditional-nav #MPButtonBar .navbar-nav {
        padding-left: 28px;
    }

    #NAV #MPButtonBar nav .navbar-collapse>.row>.col-md-12 {
        overflow-x: hidden;
    }

    .member-dashboard {
        margin: 0;
        /* padding: 0 15px; */
    }

    .member-dashboard .slick-slide {
        margin: 0 15px;
    }

    .navbar-default .navbar-toggle {
        border-color: #000;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    #NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>li>a {
        padding: 10px 0 10px 20px;
    }

    .image-left .HtmlContent>div:last-of-type {
        padding-left: 15px;
    }

    .image-left .HtmlContent>div:first-of-type::before,
    .image-right .HtmlContent>div:last-of-type::before {
        content: none;
    }

    .table.table-responsive.digest-viewer .table-thead-background th:nth-child(2) {
        width: 100%;
    }

    h1#PageTitleH1.light-page-title,
    .interior h1#PageTitleH1 {
        padding-left: 10px;
        padding-right: 10px;
    }


    .link-tile-title .HtmlContent {
        padding-top: 30px;
        padding-left: 30px;
    }

    .tech-post-header {
        padding: 15px 5px;
    }

    .HLEngagement .Content ul {
        flex-direction: column;
    }

    .HLEngagement .Content ul li {
        width: 100%;
    }
}

@media (max-width: 735px) {
    .member-dashboard:not(.open)>.row.row-wide .dashboard-col-1 .dashboard-progress {
        display: none;
    }
}

@media (max-width: 551px) {

    .latest-blogs .SearchResults.HLLandingControl .Content ul li {
        padding: 30px;
        padding-top: 280px;
    }

    .latest-blogs .SearchResults.HLLandingControl .Content ul li .img-container {
        width: 100%;
        height: 250px;
    }


    .tech-post .grid .blogs-block {
        width: calc(100% - 30px);
    }

}

@media only screen and (max-width: 480px) {
    a.btn-community-stats-static span.badge {
        border-top: 0;
    }
}

@media (max-width: 350px) {
    .member-dashboard.open>.row.row-wide .digital-ribbons .digitalRibbonDisplay>.col-md-12>.pull-left>div {
        width: 187px !important;
    }

    a.btn-community-stats-static span.badge {
        width: 40px;
    }
}

@media (max-width: 330px) {
    .member-dashboard.open>.row.row-wide {
        height: 425px;
    }

    .member-dashboard-toggle {
        bottom: -20px;
    }
}/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/
/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/
/*
  color: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    /*
  background-color: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  /*
  --hl-bs--primary: ;
  --hl-bs--selected: 26;
  */

  [PrimaryColorRGB-StartComment]
  --hl-bs--primary-rgb: [PrimaryColorRGB];
  --hl-bs--selected-rgb: [PrimaryColorRGB], 50;
  [PrimaryColorRGB-EndComment]

  /*
  --hl-bs--primary-opposite: ;
  */

  [TextOnPrimaryRGB-StartComment]
  --hl-bs--primary-opposite-rgb: [TextOnPrimaryRGB];
  [TextOnPrimaryRGB-EndComment]
  
  /*
  --hl-bs--link: ;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--link-rgb: [LinkColorRGB];
  [LinkColorRGB-EndComment]

  /*
  --hl-bs--link-hover: ;
  --hl-bs--btn-icon-ctrl-bg-hover: ;
  --hl-bs--btn-icon-ctrl-border-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--link-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-border-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]

  /*
  --hl-bs--secondary: ;
  --hl-bs--secondary-selected: 26;
  */

  [SecondaryColorRGB-StartComment]
  --hl-bs--secondary-rgb: [SecondaryColorRGB];
  --hl-bs--secondary-selected-rgb: [SecondaryColorRGB], 50;
  [SecondaryColorRGB-EndComment]

  /*
  --hl-bs--secondary-opposite: ;
  */

  [TextOnSecondaryRGB-StartComment]
  --hl-bs--secondary-opposite-rgb: [TextOnSecondaryRGB];
  [TextOnSecondaryRGB-EndComment]
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-primary-text-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-text-hover-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg: ;
  */

  [PrimaryButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-rgb: [PrimaryButtonBackgroundColorRGB];
  [PrimaryButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */

  [PrimaryButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-hover-rgb: [PrimaryButtonHoverBackgroundColorRGB];
  [PrimaryButtonHoverBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */

  [PrimaryButtonBorderColorRGB-StartComment]
  --hl-bs--btn-primary-border-rgb: [PrimaryButtonBorderColorRGB];
  --hl-bs--btn-primary-border-hover-rgb: [PrimaryButtonBorderColorRGB];
  [PrimaryButtonBorderColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */

  [SuccessButtonTextColorRGB-StartComment]
  --hl-bs--btn-success-text-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-text-hover-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-outline-rgb: [SuccessButtonTextColorRGB], 127;
  [SuccessButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg: ;
  */

  [SuccessButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-rgb: [SuccessButtonBackgroundColorRGB];
  [SuccessButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  [SuccessButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-hover-rgb: [SuccessButtonHoverBackgroundColorRGB];
  [SuccessButtonHoverBackgroundColorRGB-EndComment]

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */

  [SuccessButtonBorderColorRGB-StartComment]
  --hl-bs--btn-success-border-rgb: [SuccessButtonBorderColorRGB];
  --hl-bs--btn-success-border-hover-rgb: [SuccessButtonBorderColorRGB];
  [SuccessButtonBorderColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */

  [DangerButtonTextColorRGB-StartComment]
  --hl-bs--btn-danger-text-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-text-hover-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-outline-rgb: [DangerButtonTextColorRGB], 127;
  [DangerButtonTextColorRGb-EndComment]
  
  /*
  --hl-bs--btn-danger-bg: ;
  */

  [DangerButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-rgb: [DangerButtonBackgroundColorRGB];
  [DangerButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  [DangerButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-hover-rgb: [DangerButtonHoverBackgroundColorRGB];
  [DangerButtonHoverBackgroundColorRGB-EndComment]

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

  [DangerButtonBorderColorRGB-StartComment]
  --hl-bs--btn-danger-border-rgb: [DangerButtonBorderColorRGB];
  --hl-bs--btn-danger-border-hover-rgb: [DangerButtonBorderColorRGB];
  [DangerButtonBorderColorRGB-EndComment]

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */

  [DefaultButtonTextColorRGB-StartComment]
  --hl-bs--btn-secondary-text-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-text-hover-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-outline-rgb: [DefaultButtonTextColorRGB], 127;
  [DefaultButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */

  [DefaultButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-rgb: [DefaultButtonBackgroundColorRGB];
  [DefaultButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  [DefaultButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-hover-rgb: [DefaultButtonHoverBackgroundColorRGB];
  [DefaultButtonHoverBackgroundColorRGB-EndComment]

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */

  [DefaultButtonBorderColorRGB-StartComment]
  --hl-bs--btn-secondary-border-rgb: [DefaultButtonBorderColorRGB];
  --hl-bs--btn-secondary-border-hover-rgb: [DefaultButtonBorderColorRGB];
  [DefaultButtonBorderColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-link-text: ;
  --hl-bs--btn-link-outline: 7f;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--btn-link-text-rgb: [LinkColorRGB];
  --hl-bs--btn-link-outline-rgb: [LinkColorRGB], 127;
  [LinkColorRGB-EndComment]

  /*
  --hl-bs--btn-link-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--btn-link-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-ghost-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--footer-color: ;
  */

  [FooterTextColorRGB-StartComment]
  --hl-bs--footer-color-rgb: [FooterTextColorRGB];
  [FooterTextColorRGB-EndComment]

  /*
  --hl-bs--footer-color-opposite: ;
  */

  [FooterBackgroundColorRGB-StartComment]
  --hl-bs--footer-color-opposite-rgb: [FooterBackgroundColorRGB];
  [FooterBackgroundColorRGB-EndComment]
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
    /* 
    color: ;
    */    
    /* 
    color: ;
    */
}

/************************ Anchors ***********************/
body.ribbit a{
    /* 
    color: ;
    */
}
body.ribbit a:hover{
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
    /* 
    color: ;
    */
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

    /* 
    color:  !important;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

    /* 
    color: ;
    */
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border: ;
    */
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    /*
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

    /* 
    color: ;
    */
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
    /* 
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
    */
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .primary-button-background-color {

    /* 
    background-color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-border-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-text-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

    /* 
    background-color:  !important;
    */
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .success-button-background-color {

    /* 
    background-color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-border-color {

    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-text-color {
    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
    /* 
    background-color:  !important;
    */
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
    /* 
    fill: ;
    */
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
    /* 
    color:  !important;
    */
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
    /* 
    color: ;
    */ 
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
    /* 
    border-bottom-color: ;
    */ 
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    /*
    color: ;
    */
    /* 
    border-bottom-color: ;
    */ 
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
    /* 
    color: ;
    */
    /* 
    color: ;
    */
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
    /* 
    background-color: ;
    */
}

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
    /* 
    color: ;
    */     
    /* 
    background-color: ;
    border-color: ;
    */ 
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
    /* 
    color: ;
    */
    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
    /* 
    color: ;
    */
}

/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  

/*
.link-color {
  color:  !important;
}
*/
  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  

/*
.link-hover-color:hover, .link-hover-color:focus {
  color:  !important;
}
*/
  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  

/*
.outer-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  

/*
.primary-heading-text-color {
  color:  !important;
}
*/
  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.secondary-heading-text-color {
  color:  !important;
}
*/
  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.tertiary-heading-text-color {
  color:  !important;
}
*/
  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  

/*
.footer-background-color {
  background-color:  !important;
}
*/
  

/*
.footer-text-color {
  color:  !important;
}
*/
  

/*
.primary-color {
  color:  !important;
}
*/
  

/*
.text-on-primary {
  color:  !important;
}
*/
  

/*
.table-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  

/*
.landing-control-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-link-color {
  color:  !important;
}
*/
  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-title-text-color {
  color:  !important;
}
*/
  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  

/*
.selected-tab-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-hover-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  

/*
.slogan-text-color {
  color:  !important;
}
*/
  

/*
.table-header-background-color {
  background-color:  !important;
}
*/
  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  

/*
.aux-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  

/*
.breadcrumb-link-color {
  color:  !important;
}
*/
  

/*
.footer-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  

/*
.selected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-background-color {
  background-color:  !important;
}
*/
  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  

/*
.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
.interior .demographic h2 { font-size: 18px; }

#surveyDiv #surveyTitle {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    padding: 0;
    margin-top: 30px;
}

/*Bootstrap 2023 code fix*/
.col-md-12 { float: none; }