/* Background Images and Footer */
/* Theme Roller */
/* Background Images and Footer */
/* Theme Roller */

:root {
  --PrimaryColor: #000000;
  --SecondaryColor: #CC1313;
}

/****** basics ******/

.HtmlFooter {
    display: none;
}
p:empty {
    margin-bottom: 0;
}
.HLHomePage .ContentUserControl,
.HLHomePage .ContentItemHtml,
.community-home .ContentUserControl,
.community-home .ContentItemHtml {
    margin-top: 20px;
    margin-bottom: 20px;
}
.HLHomePage .row:nth-last-child(2) .ContentUserControl,
.HLHomePage .row:nth-last-child(2) .ContentItemHtml {
    margin-bottom: 0;
}
.bg-image {
    background-size: cover;
    background-position: center;
}
.row-bg-grey {
   background-color: #f2f2f2;
}
#MPBottomMenu {
    padding: 0;
    margin: 0;
}
.label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 10px;
}
.label-default {
    background-color: #979797;
}
.interior #MainCopy_ContentWrapper {
    padding-top: 40px;
    padding-bottom: 100px;
}
.row-border-top {
    border-top: 2px solid #e8e8e8;
}
hr {
    border-top: 2px solid #E8E8E8;
}
.col-md-12.no-gutter {
    padding-left: 0;
    padding-right: 0;
}
body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
#event-additional-details-container {
    overflow-wrap: normal !important;
    word-wrap: normal !important;
}

/*** fonts ***/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
  
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
  /*  line-height: 21px; */
    color: #484848;
}
h1, .h1 {
    font-size: 50px;
    line-height: 66px;
}
h2, .h2,
.HLLandingControl h2,
.HLLandingControl .heading h2,
.community-members .panel-title {
    /*text-transform: uppercase;*/
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}
h3.blogTitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}
.home h2,
.home .h2,
.home .HLLandingControl h2,
.home .HLLandingControl .heading h2,
.event-list h2,
.community-home h2,
.community-members .panel-title {
    border-bottom: 2px solid #E8E8E8;
}
.home h2 span,
.community-home h2 span,
.community-members .panel-title span {
    position: relative;
    display: inline-block;
    line-height: 32px;
}
.home h2 span::after,
.community-home h2 span::after,
.community-members .panel-title span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
h3, .h3, .HLLandingControl h3 a {
    font-size: 20px;
    line-height: 26px;
}
h4, .h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}
.home .HLLandingControl li {
    list-style: none;
}

/*** transitions ***/
/* a,
a:hover,
a:focus,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
.HLEventList .date-block,
.HLEventList li,
.HLEventList li:hover,
.HLEventList li:focus,
.HLEngagement li,
.HLEngagement li:hover,
.HLEngagement li:focus {
    transition: .3s;
}
*/

/*** panels ***/
.panel-body {
    padding: 20px;
}
#ProfileContainer .panel {
    border-radius: 10px;
    border: none;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
}

/*** forms ***/
div[id*="MessageTable"].form-horizontal .form-group {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
}
div[id*="pnlFindContacts"] .form-group,
div[id*="MessageTable"].form-horizontal .form-group:first-child,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(2),
div[id*="MessageTable"].form-horizontal .form-group:nth-child(3),
div[id*="MessageTable"].form-horizontal .form-group:nth-child(4),
div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) {
    flex-basis: 50%;
    margin-right: 0;
    margin-left: 0;
}
div[id*="pnlFindContacts"] .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-2,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-2 {
    width: 25%;
}
div[id*="pnlFindContacts"] .col-md-10,
div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-5,
div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-5 {
    width: 75%;
}
div[id*="FindContactsPanel"] > .row {
    margin-left: 0;
    margin-right: 0;
}
div[id*="FindContactsPanel"] .col-md-offset-2.col-md-10,
div[id*="MessageTable"] .col-md-offset-2.col-md-10 {
    margin-left: 12.5%;
    width: 87.5%;
}
div[id*="MessageTable"] .col-md-2 {
    width: 12.5%;
}
div[id*="MessageTable"] .col-md-10 {
    width: 87.5%;
}

/*** alert boxes ***/
.alert-warning,
.alert-success,
.ideation-home .alert.alert-success,
.ideation-detail .alert.alert-success {
    background-color: #f9f9f9;
    border-color: #f5f5f5;
}

/*** hiding community counts ***/
.Count,
#LibaryEntryCountDiv,
span[id*="ShowingLabel"] {
    display: none;
}

/*** default icons ***/
.glyphicon-search,
.glyphicon-envelope,
.glyphicon-list-alt,
.glyphicon-pencil {
    width: auto;
    top: 0;
}
.glyphicon-search::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
}
.glyphicon-envelope::before {
    font-family: FontAwesome;
    content: "\f0e0";
}
.glyphicon-list-alt::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0ca";
}
.glyphicon-pencil::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f304";
    font-weight: 900;
}
.glyphicon-tags::before {
    font-family: FontAwesome;
    content: "\f02b";
}

/*** dropdowns ***/
select.form-control {
    border-color: #dbdbdb;
    box-shadow: none;
    font-size: 14px;
    line-height: 16px;
    color: #000;
}
.form-control .btn {
    height: 34px;
}

/* carets */
.bootstrap-select.btn-group .dropdown-toggle .caret {
    margin-top: 0;
    transform: translateY(-50%);
}

/*** tags ***/
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable,
a.label.label-search-tag,
.faceted-search-main .fs-result-row a.label.label-search-tag {
    padding: 3px 6px;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #383A3B;
}
.content-tags .glyphicon.glyphicon-user {
    color: #383a3b;
}
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable {
    padding: 3px 23px 3px 6px;
}
.hltags ul.tagit input[type="text"] {
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
}
.hltags ul.tagit input[type="text"]::placeholder {
    text-decoration: underline;
}
.faceted-search-main .glyphicon-tags::before {
    color: #797979;
}

/*** round profile images ***/
.Welcome .imgButton.btn,
a[id*="ProfileImage"]:not([id*="NameLink"]),
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"],
.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-block;
    width: 45px;
    height: 45px;
}
.Welcome .imgButton.btn {
    background-color: #fff;
}
.list-group-item-image {
    width: 40px;
    height: 40px;
}
.list-group-item-nochild .list-group-item-image {
    width: 20px;
    height: 20px;
}
.Welcome button.btn-default.btn.imgButton {
    width: 30px;
    height: 30px;
    min-height: 30px;
    border: none;
    margin-left: 10px;
}
.text-muted-h2 a[id*="ImageControl_lnkDisplay"] {
    width: 140px;
    height: 140px;
    background: #f9f9f9;
}
.HLEngagement .Picture a {
    width: 50px;
    height: 50px;
}
a[id*="Welcome_Details_ProfileLink"] {
    width: 60px;
    height: 60px;
}

.imgButton img,
a[id*="ProfileImage"] img,
a[id*="UserImageDisplay"] img,
a[id*="Contacts_PictureLink"] img,
a[id*="lnkDisplay"] img,
a[id*="Welcome_Details_ProfileLink"] img,
.list-group-item-image img,
a[title="User Name Image"] img,
a[oldtitle="User Name Image"] img,
.member-dashboard-img img,
.dashboard-col-3 ul li .col-sm-2 a img,
.HLEngagement .Picture a img,
td.ProfilePic > a > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100% !important;
    width: auto;
}

.member-directory .member-picture {
    text-align: center;
}
  
/*** Make Buttons ***/
  
.make-buttons em a,
.summary-edit em a,
.JoinLeaveLink a[id*="lbJoin"] {
    display: inline-block;
    padding: 9px 12px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    /*text-transform: uppercase; */
    line-height: 16px;
    border: 0;
    letter-spacing: 1px;
}
.btn.btn-delete,
.member-directory .actions .btn:last-of-type {
    background-color: #D9534F;
    border-color: #D9534F;
    color: #fff;
}
.btn.btn-default {
    background-color: #f5f5f5;
    border-color: #dcdcdc;
}
.btn.btn-success,
.btn.btn-primary,
.btn.btn-default,
.btn.btn-delete,
.btn.btn-info {
    border-radius: 5px;
    font-size: 12px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
}
.btn.btn-sm {
    font-size: 11px;
}
.make-buttons em a:hover,
.make-buttons em a:focus,
.btn:hover,
.btn:focus,
.slick-arrow:hover,
.slick-arrow:focus,
.change-theme button:hover,
.change-theme button:focus,
.change-theme.open button,
.summary-edit em a:hover,
.summary-edit em a:focus {
    opacity: 0.9;
}
.btn-sm + .btn-group-sm.dropdown-toggle {
    height: 28px;
}
  
/****** Header ******/

#MPheader {
    padding-top: 5px;
}
#MPheader > .row:first-child {
    position: relative;
    z-index: 30;
}
#MPheader > #Logo {
    position: relative;
    z-index: 20;
    float: left;
}
#NAV {
    position: relative;
    z-index: 10;
}
#MPOuterMost.full #MPOuterHeader #HEADER {
    max-width: 100%;
}
#MPimage {
    max-width: 1200px;
    margin: 0 auto;
}

/*** top text links ***/

#MPheader > .row:first-child > .col-md-12:first-child > .pull-right:last-child {
    float: left !important;
}
  
#MPAuxNav ul.level1 li a {
    border-right: 0;
    text-decoration: none;
    color: #505356;
    font-size: 13px;
    line-height: 17px;
    margin-right: 15px;
    padding: 0;
}
  
#MPAuxNav ul.level1 li a:hover, #MPAuxNav ul.level1 li a:focus {
    text-decoration: underline;
}

/*** login/welcome ***/
#BtnShowProfile {
    display: none;
}
#Welcome_LoginLink {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /*text-transform: uppercase;*/
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    border: none;
}
#Welcome_LoginLink:active {
    box-shadow: none;
}


/****EL - BEGIN Commented Out ****/

/* profile dropdown box */
/*
#ProfileContainer .progress,
#ProfileContainer a[id*="MessagesCount"] {
    display: none;
}

#ProfileContainer .panel-footer {
    background: transparent;
    border: none;
    padding-top: 0;
    padding-left: 100px;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: left !important;
}
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    padding: 10px 24px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px;
}
#ProfileContainer .col-md-3,
#ProfileContainer .col-md-9 {
    padding: 0;
}
#ProfileContainer .panel-body > .row {
    margin: 0;
}
#ProfileContainer .panel-body > .row:first-child .col-md-3 {
    position: absolute;
    top: 20px;
    left: 20px;
}
#ProfileContainer .panel-body > .row:first-child .col-md-9 {
    margin-bottom: 10px;
}
#ProfileContainer .panel-body > .row .col-md-9 {
    padding-right: 0;
    padding-left: 80px;
}
#ProfileContainer .panel-body > .row .welcome-links {
    padding-left: 80px;
    padding-right: 0;
    text-align: left !important;
}
*/
/****EL - END Commented Out ****/

#ProfileContainer .welcome-links .btn {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    padding: 7px 10px;
}

#ProfileContainer h4 + div {
    font-size: 16px;
    line-height: 21px;
}
#ProfileContainer {
    border-radius: 10px !important;
    box-shadow: none !important;
}

/*** logo ***/
#Logo img {
    max-height: 55px;
}

#Logo img[src$=svg] {
    max-height: 55px;
    width: 100%;
    max-width: 350px;
}

/*** login link ***/
#Welcome_LoginLink {
    margin-top: 2px;
}


/****EL - BEGIN Commented Out ****/

/*** search ***/
/*
#searchColumn {
    display: none;
}

.search-bar-top {
    float: right;
    width: 230px;
    margin-right: 20px;
}

.search-bar-top .SearchInputs,
.custom-search-form,
.search-bar .input-group {
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #f7f8fa;
    overflow: hidden;
}
#searchColumn .SearchInputs {
    border: none;
    border-radius: 0;
    background-color: #fff;
}
.search-bar-top .form-control,
#searchColumn .form-control,
.custom-search-form .form-control,
#FacetedSearchInput {
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    color: #828282;
    font-size: 14px;
    line-height: 16px;
    height: 26px;
    background: transparent;
    box-shadow: none;
}
#FacetedSearchInput {
    font-size: 16px;
    line-height: 19px;
    height: 34px;
}
#searchColumn .form-control {
    padding-left: 4px;
}
.search-bar-top .form-control::placeholder,
#searchColumn .form-control::placeholder,
.custom-search-form .form-control::placeholder,
#FacetedSearchInput::placeholder {
    font-style: normal;
}
.search-bar-top button[id*="SearchButton"],
#searchColumn button[id*="SearchButton"],
.custom-search-form a[id*="btnSearch"],
.search-bar .btnSearch {
    border: none;
    background: transparent;
    width: 26px;
    height: 26px;
    text-align: center;
    padding: 0;
}
.search-bar-top button[id*="SearchButton"]:active,
#searchColumn button[id*="SearchButton"]:active,
.custom-search-form a[id*="btnSearch"]:active,
.search-bar .btnSearch:active {
    box-shadow: none;
}
.search-bar-top .glyphicon-search,
#searchColumn .glyphicon-search,
.custom-search-form .glyphicon-search,
.search-bar .glyphicon-search {
    vertical-align: unset !important;
    font-size: 16px;
    line-height: 26px;
}
*/
/****EL - END Commented Out ****/

/* faceted search */
.faceted-search-main .text-muted,
.faceted-search-main .facets h2 {
    color: #383A3B;
}
.faceted-search-main .facets, 
.faceted-search-main .meta-content {
    font-size: 15px;
    line-height: 18px;
    color: #484848;
}
.faceted-search-main .facets .facet-container h4 {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 19px;
    color: #484848;
}
.faceted-search-main .fs-result-row h3 a {
    text-decoration: none;
    font-size: 20px;
    line-height: 23px;
}
.faceted-search-main .fs-result-row .match-block {
    color: #484848;
}
.hl-type {
    display: none;
}
.faceted-search-main .fs-result-row .owner-name {
    font-size: 15px;
    line-height: 18px;
}
.faceted-search-main .meta-block .owner-block {
    width: 25%;
    float: left;
}
.faceted-search-main .meta-block .owner-block + .owner-block {
    width: 75%;
    float: left;
    margin-bottom: 5px;
}
.faceted-search-main .meta-block .owner-block + div[style*="clear"] {
    display: none;
}
.faceted-search-main .fs-result-row .meta-content-date {
    color: #484848;
    font-size: 14px;
    line-height: 16px;
}
.owner-block + .owner-block {
    width: calc(100% - 60px);
    float: left;
    margin-bottom: 5px;
}
.faceted-search-main .fs-result-row .meta-content-date + .meta-content {
    margin-top: 15px;
}
.faceted-search-main .fs-result-row .meta-block {
    border-left: 2px solid #f4f4f4;
}

/* ideation search */
.ideation-home label[for*="searchAhead"],
.ideation-home label[for*="searchAhead"] + input {
    background-color: #F7F8FA;
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 5px 0 0 5px;
}
.ideation-home label[for*="searchAhead"] {
    border-right: none;
    border-radius: 5px 0 0 5px;
}
.ideation-home .input-group label[for*="searchAhead"] + input.form-control {
    border-left: none;
    border-radius: 0 5px 5px 0;
    color: #828282;
    border-right: 1px solid #ddd;
    box-shadow: none;
}
.ideation-home label[for*="searchAhead"] + input::placeholder {
    font-style: normal;
}
.ideation-home .input-group label[for*="searchAhead"] + input.form-control:focus {
    outline: none;
}

.ideation-home > .row{
font-size: 12px;
}

.ideation-home .ideation-filter-buttons .btn.btn-success {
margin-bottom: 0;
}


/****EL - BEGIN Commented Out ****/

/*** theme changer ***/

/*
.change-theme {
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 30;
}
.change-theme button {
    background: transparent;
   color: #484848;
   border-radius: 50px;
   border: 1px solid #f4f4f4;
   padding: 10px 20px;
   font-size: 12px;
   line-height: 12px;
   margin: 5px;
   box-shadow: 0px 0px 5px #f4f4f4;
}
.change-theme ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    padding: 0;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}
.change-theme.open ul {
    display: block;
}
.change-theme ul li {
    list-style-type: none;
}
.change-theme ul li:not(:last-child) a {
    border-bottom: 1px solid #f0f0f0;
}
.change-theme ul li a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    display: inline-block;
    min-width: 230px;
}
.change-theme ul li a::before {
    width: 12px;
    height: 12px;
    content: "";
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    border-left-width: 6px;
    border-left-style: solid;
    border-right-width: 6px;
    border-right-style: solid;
    transform: translateY(1px);
}
.change-theme ul li:first-child a::before {
    border-left-color: #000000;
    border-right-color: #CC1313;
}
.change-theme ul li:first-child a:hover,
.change-theme ul li:first-child a:focus {
    color: #CC1313;
}
.change-theme ul li:nth-child(2) a::before {
    border-left-color: #005483;
    border-right-color: #FA473B;
}
.change-theme ul li:nth-child(2) a:hover,
.change-theme ul li:nth-child(2) a:focus {
    color: #FA473B;
}
.change-theme ul li:nth-child(3) a::before {
    border-left-color: #4B3F72;
    border-right-color: #F2B715;
}
.change-theme ul li:nth-child(3) a:hover,
.change-theme ul li:nth-child(3) a:focus {
    color: #F2B715;
}
.change-theme ul li:nth-child(4) a::before {
    border-left-color: #474647;
    border-right-color: #F45D01;
}
.change-theme ul li:nth-child(4) a:hover,
.change-theme ul li:nth-child(4) a:focus {
    color: #F45D01;
}

*/
/****EL - END Commented Out ****/

/*** main nav ***/

/* hiding nav skip link */
.skiplinkholder a, .skiplinkholder a:link, .skiplinkholder a:visited {
    left: -500%;
    top: -250px;
}
.skiplinkholder a:focus, .skiplinkholder a:active {
    left: 0;
    top: 0;
}

#MPOuterMost #NAV,
#NAV .navbar-default {
    background-color: transparent;
    border: none;
}
/* #NAV {
    position: absolute;
    right: calc(50% - 585px);
    top: 70px;
} 
#NAV .navbar-nav {
    float: right;
}*/
#NAV .navbar-default .navbar-nav>li>a,
#NAV .navbar-default .navbar-nav>.active>a, 
#NAV .navbar-default .navbar-nav>.disabled>a {
    color:#505356;
    background-color: transparent;
    /*text-transform: uppercase;*/
    font-size: 14px;
    line-height: 16px;
    padding: 20px;
    font-weight: 500;
}
#NAV .navbar-default .navbar-nav>li>a:hover, #NAV .navbar-default .navbar-nav>li>a:focus,
#NAV .navbar-default .navbar-nav>.active>a:hover, #NAV .navbar-default .navbar-nav>.active>a:focus,
#NAV .navbar-default .navbar-nav>.disabled>a:hover, #NAV .navbar-default .navbar-nav>.disabled>a:focus,
#NAV .navbar-default .navbar-nav>.open>a, #NAV .navbar-default .navbar-nav>.open>a:hover, #NAV .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav>.dropdown>a .caret,
.nav-tabs > li > a .caret,
.caret {
    border-top: none;
    border-bottom: none;
    width: auto;
    height: 14px;
    transform: translateY(-2px);
}
.navbar-default .navbar-nav>.dropdown>a .caret::before,
.nav-tabs > li > a .caret::before,
.caret::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    float: left;
}
/* dropdowns */
#NAV #MPButtonBar .dropdown-menu,
.dropdown-menu {
    border-radius: 0;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    padding: 0;
    border: none;
    background: #fff;
}
#NAV .dropdown-menu > li:not(:last-child),
.dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}
#NAV #MPButtonBar .dropdown-menu > li > a,
#MPOuterMost .dropdown-menu > li > a {
    /*text-transform: uppercase;*/
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}
#NAV .dropdown-menu > li > a:hover,
#NAV .dropdown-menu > li > a:focus,
#NAV #MPButtonBar .dropdown-menu > li > a:hover,
#NAV #MPButtonBar .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: transparent;
    text-decoration: underline !important;
}

#NAV #MPButtonBar .dropdown-menu .active > a, 
#NAV #MPButtonBar li .dropdown-menu .active > a:hover, 
#NAV #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover, 
#NAV #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover,
#MPOuterMost .dropdown-menu .active > a, 
#MPOuterMost li .dropdown-menu .active > a:hover, 
#MPOuterMost .dropdown-menu .dropdown-submenu .active a:hover, 
#MPOuterMost .dropdown-submenu .dropdown-submenu .active a:hover {
    background-color: transparent;
}

/* third level nav */
.nav.navbar-nav .dropdown-submenu>ul.dropdown-submenu {
    margin-left: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
}
ul.dropdown-submenu > li > a {
    display: block;
}
ul.dropdown-submenu > li > a:hover,
ul.dropdown-submenu > li > a:focus,
#NAV #MPButtonBar ul.dropdown-submenu > li > a:hover,
#NAV #MPButtonBar ul.dropdown-submenu > li > a:focus {
    background-color: transparent;
}

/* mobile toggle */
.navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* removing extraneous padding on desktop */
@media (min-width: 768px) {
    #NAV .row {
        margin-left: 0;
        margin-right: 0;
    }
    #NAV .col-md-12,
    .navbar-collapse {
        padding: 0;
    }
}

/****** hero ******/
.home .hero {
    padding: 60px 40% 175px calc(50% - 585px);
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}
.hero h1,
.hero h2,
.hero h3,
.hero p {
    color: #fff;
}
.hero p {
    font-size: 20px;
    line-height: 26px;
}
.hero.make-buttons em a {
    margin-top: 30px;
}
.hero .HtmlContent {
    position: relative;
    z-index: 5;
}
.home .hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
}

/****** top tiles ******/
.row-full + .row-wide.top-tiles, .row-full + .row-wide .top-tiles > .top-tiles{ 
    margin-top: -100px;
    position: relative;
    /* z-index: 20; */
    z-index: 0;
}
@media (max-width: 992px) {
    .HLHomePage .top-tile{
        margin-top: 0;
    }
}


.top-tile {
    background: white;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    display: block;
    color: #484848;
    text-decoration: none;
    text-align: center;
    position:relative;
}
.top-tile a {
    color: #484848;
    text-decoration: none;
    text-align: center;
}
.top-tile a:hover,
.top-tile a:focus {
    color: #484848;
}
.top-tile h2 {
    margin-top: 60px;
}
.top-tile h2,
.top-tile h2 span::after {
    border: none;
}
.top-tile 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-tiles ul.slick-dots {
    bottom: -20px;
}
.top-tiles ul.slick-dots li button {
    display: none;
}
.top-tiles ul.slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c8c8c8;
}

/****** quick links ******/
.quick-link-container {
    border-radius: 10px;
    background: #F7F7F7;
    border: 1px solid #E8E8E8;
    padding: 20px;
    margin-bottom: 40px;
}
.quick-link.ContentItemHtml {
    margin-top: 0;
    margin-bottom: 0;
    position:relative;
}
.quick-link em a {
    display: block;
    font-size: 18px;
    line-height: 40px;
    padding: 10px 15px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.quick-link:last-child em a {
    margin-bottom: 0;
}
.quick-link em a::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 68px 50px 0;
    border-color: transparent rgba(255, 255, 255, 0.3) transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}

/* icons */

.quick-link.icon em a::before {
    font-family: "Font Awesome 5 Pro";
    font-size: 40px;
    margin-right: 25px;
    float: left;
    font-weight: 100;
}
.quick-link.icon.resources em a::before {
    content: "\f085";
}
.quick-link.icon.publications em a::before {
    content: "\f15c";
}
.quick-link.icon.directory em a::before {
    content: "\f2b9";
}
.quick-link.icon.sponsors em a::before {
    content: "\f559";
}
.quick-link.icon.join em a::before {
    content: "\f4c4";
}
.quick-link.icon.benefits em a::before {
    content: "\f005";
}
.quick-link.icon.jobs em a::before {
    content: "\f46d";
}
.quick-link.icon.events em a::before {
    content: "\f073";
}
.quick-link.icon.about em a::before {
    content: "\f05a";
}
.quick-link.icon.help em a::before {
    content: "\f059";
}
.quick-link.icon.login em a::before {
    content: "\f2f6";
}
.quick-link.icon.my-communities em a::before {
    content: "\f0c0";
}
.quick-link.icon.my-profile em a::before {
    content: "\f2bd";
}
.quick-link.icon.my-settings em a::before {
    content: "\f4fe";
}
.quick-link.icon.my-inbox em a::before {
    content: "\f658";
}
.quick-link.icon.share-resource em a::before {
    content: "\f1e0";
}
.quick-link.icon.post-discussion em a::before {
    content: "\f044";
}
.quick-link.icon.post-blog em a::before {
    content: "\f044";
}

/****** landing control buttons ******/
/* div[id*="BottomLink"] .col-md-12,
div[id*="More"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}

div[id*="BottomLink"] .col-md-12,
div[id*="More"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}
div[id*="BottomLink"] a.btn,
div[id*="More"] a.btn,
.home .HLRecentBlogs a[id*="BlogList_More"].btn,
.top-tile em {
    padding: 0;
    border: none;
    background: transparent;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 16px;
}
div[id*="BottomLink"] a.btn:active,
div[id*="More"] a.btn:active {
    box-shadow: none;
}
div[id*="BottomLink"] a::after,
div[id*="More"] a::after,
.home .HLRecentBlogs a[id*="BlogList_More"]::after,
.top-tile em::after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left: 5px;
}
div[id*="BottomLink"] a:hover,
div[id*="BottomLink"] a:focus,
div[id*="More"] a:hover,
div[id*="More"] a:focus {
    background: transparent;
    border: none;
} */
.home .HLRecentBlogs a[id*="BlogList_More"]:hover,
.home .HLRecentBlogs a[id*="BlogList_More"]:focus {
    text-decoration: none;
    color: #555;
}

/****** landing controls ******/
.HLLandingControl.SearchResults ul li .row.title-row .col-sm-3.col-md-3.pull-right {
    display: none;
}
.HLLandingControl ul li .row.title-row .col-md-2,
.blogs-block .row.title-row .col-md-1 {
    width: 45px;
    margin-right: 10px;
    float: left;
    padding: 0;
}
.HLLandingControl ul li .row.title-row .col-md-10,
.HLLandingControl ul li .row.title-row .col-md-7,
.blogs-block .row.title-row .col-md-11 {
    width: calc(100% - 55px);
    /*float: left; */ /* removed 09302020 - ptb*/
    padding: 0;
}
.home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-7 {
    width: 100%;
}
.HLLandingControl ul:not(.dropdown-menu) li {
    border-bottom: 2px solid #f4f4f4;
    padding: 15px 0;
}
#MPOuterMost .HLLandingControl .ByLine,
#MPOuterMost .HLLandingControl h5 {
    color: #484848;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
}
.HLLandingControl:not(.HLEngagement) .ByLine:not(:empty) + h5:not(:empty) {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #484848;
}
.col-md-4 .HLLandingControl .ByLine:not(:empty) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.col-md-4 .HLLandingControl h5 {
    display: none;
}
.HLLandingControl .no-data-container {
    margin-left: -15px;
    margin-right: -15px;
}

.ContentUserControl .HLLandingControl,
.HLLandingControl .Content,
.HLLandingControl .Content ul {
    padding: 0;
    border: none;
}
.HLLandingControl h2,
.HLLandingControl .heading h2 {
    margin: 0;
}
.home .col-md-4 .HLLandingControl ul li,
.home .bg-gray .HLLandingControl ul li,
.HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li,
.home .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li {
    flex: 1;
    border: 1px solid #e8e8e8;
    padding: 20px;
    border-radius: 10px;
    margin: 15px;
    position: relative;
    color: #484848;
    background: #fff;
}
.community-home .HLLandingControl.HLEventList ul li {
    margin: 30px 0;
}
.HLLandingControl ol li, .HLLandingControl ul li {
    margin-bottom: 0;
}
.HLLandingControl ol li:last-child, .HLLandingControl ul li:last-child {
    margin-bottom: 10px;
}
.HLLandingControl .pull-right ul li {
    padding-bottom: 0;
    border-bottom: none;
}

/****** recent activity ******/
/* .home .col-md-8 .HLLandingControl ul li,
.community-home .HLLandingControl .has-profile-pic li {
    padding-left: 55px;
    position: relative;
}
.home .col-md-8 .HLLandingControl ul li .row.title-row,
.HLLandingControl ul.has-profile-pic li .row.title-row {
    position: relative;
}
.home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-2,
.HLLandingControl ul.has-profile-pic li .row.title-row .col-md-2 {
    position: absolute;
    top: 0;
    left: -55px;
} */

/****** unanswered posts ******/
#sortOptionsContainer {
    display: none;
}
.home .col-md-4 .HLDiscussions ul li p[id*="ContentPanel"] {
    display: none;
}
.home .col-md-4 .HLDiscussions ul li {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-bottom: 45px;
}
.home .col-md-4 .HLDiscussions a[id*="DiscussionList_More"] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    background: #F7F7F7;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.78px;
    /*text-transform: uppercase;*/
    text-align: center;
    font-weight: 500;
}

/****** blogs ******/
/* .home .HLRecentBlogs.HLLandingControl ul li {
    padding-bottom: 45px;
} */
.home .HLRecentBlogs .row.content-row > .col-md-12.no-pad {
    position: static;
}
.home .HLRecentBlogs a[id*="BlogList_More"] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    color: #555;
}
.featured-section {
    display: flex;
    margin-top: 25px;
    margin-bottom: 20px;
}
.featured-section .featured-img {
    margin-top: 0;
}
.featured-img {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 33%;
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgba(181,181,181,0.5);
}
.featured-img .HtmlContent {
    padding: 0;
}
.featured-img img {
    width: 100%;
}
.featured-section ul {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(67% + 15px);
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px -15px 0;
}
.home .bg-gray .HLLandingControl .featured-section ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(50% - 30px);
}

/****** events ******/
.HLEventList > .Content > .row > .col-md-12.no-pad > .pull-right {
    float: none !important;
    text-align: right;
    padding-right: 15px;
}
.HLEventList > .Content > .row > .col-md-12.no-pad > br {
    display: none;
}
.home .HLEventList {
    padding-left: 15px;
    padding-right: 15px;
}

.home .HLEventList .Content > .row > .col-md-12 > ul {
    display: flex;
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 20px;
}
.home .HLEventList .pull-right:not(:empty) {
    margin-top: 10px;
}
.HLEventList ul li .col-md-2 {
    position: absolute;
    right: 20px;
    top: -20px;
}
.HLEventList ul li .col-md-10 {
    width: 100%;
}
.HLEventList ul li .row.title-row {
    width: calc(100% - 75px);
}
.HLEventList .timeAgoFormat {
    font-size: 14px;
    line-height: 18px;
    color: #484848;
    margin-bottom: 10px;
}
.HLEventList .timeAgoFormat::before {
    font-family: FontAwesome;
    content: "\f017";
    color: #828282;
    margin-right: 5px;
}
.HLLandingControl.HLEventList .title-row img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

/* date blocks */
.HLEventList .date-block {
    width: 70px;
    height: 65px;
    border-radius: 4px;
    position: relative;
    float: right;
}
.HLEventList .calendar-day {
    display: none;
}
.HLEventList .calendary-number {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.HLEventList .calendar-month {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
}

/****** most active members ******/
.home .bg-gray {
    background-color: #F2F2F2;
    padding: 40px 15px;
    border: none;
}
.home .bg-gray > div {
    max-width: 1170px;
    margin: 0 auto;
}
.home .HLEngagement ul.display-horizontal {
    margin: 5px 0;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
}
.home .HLEngagement ul.display-horizontal .slick-list {
    width: 100%;
}
.home .HLEngagement ul.display-horizontal .slick-track {
    display: flex;
}
.home .HLEngagement ul.display-horizontal li {
    border: 1px solid #E8E8E8;
    margin: 15px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 1;
    height: auto;
}
.home .HLEngagement .row.title-row {
    display: flex;
    align-items: center;
justify-content: space-between;
}
.home .HLEngagement .Picture {
    width: 50px;
    margin-right: 10px;
    float: left;
}
.home .HLEngagement .Picture + .col-md-9 {
    width:  calc(100% - 60px);
    float: left;
    padding: 0;
}
.home .HLEngagement .row.title-row .col-md-9 a {
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    line-height: 21px;
}
.home .HLEngagement .points-label {
    font-weight: 700;
    /*text-transform: uppercase;*/
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    border-radius: 5px;
}
.home .HLLandingControl.HLEngagement .ByLine {
    display: block;
    margin-bottom: 0;
}

/*** arrows ***/
.home .HLEngagement .slick-arrow {
    height: 36px;
    width: 36px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    border: none;
    z-index: 20;
}
.home .HLEngagement .prev-arrow {
    left: 0;
    transform: translate(-150%,-50%);
}
.home .HLEngagement .next-arrow {
    right: 0;
    transform: translate(150%,-50%);
}

/****** footer ******/
#MPFooterLink {
    display: none;
}
#MPOuterFooter {
    background-color: #000000;
}
#MPOuterFooter {
    padding: 30px 15px 15px 15px;
    color: #E5E9EB;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    overflow: hidden;
}
#MPOuterFooter::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 400px 300px 0;
    border-color: transparent rgba(0,0,0,0.2) transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
#FOOTER {
    z-index: 10;
}
#MPOuterFooter h2 {
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 20px;
}
#MPOuterFooter h2 span::after {
    display: none;
}
#MPOuterFooter a {
    color: #fff;
    text-decoration: none;
}
#MPOuterFooter a:hover,
#MPOuterFooter a:focus {
    text-decoration: underline;
}
.footer-logo img {
    max-height: 70px;
}
.footer-social-icons {
    margin-top: 25px;
}
.footer-social-icons a {
    color: #fff;
    font-size: 21px;
    margin-right: 30px;
    margin-top: 10px;
}

#FOOTER > .row:first-child {
    margin-bottom: 100px;
}
/* #FOOTER > .row:first-child > .col-md-12 {
    display: flex;
}
#FOOTER .ContentItemHtml {
    flex: 1;
}
#MPCopyright {
    float: left;
    text-align: left;
}
#MPFooter + .row {
    float: left;
}
.attribution {
    float: right;
} */
.footer-social {
    display: none;
}

/****** nav tabs ******/
.nav-tabs > li > a {
    /*text-transform: uppercase;*/
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #e8e8e8;
    font-weight: 500;
    background-color: #f9f9f9;
    transform: translateY(1px);
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: #e8e8e8;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #484848;
    background-color: #fff;
}

/****** profile page ******/
.profile .text-muted {
    color: #484848;
}
.ProfileUserName {
    font-size: 40px;
    line-height: 40px;
    text-transform: none;
}
.profile a[id*="MessagesCount"] {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /*text-transform: uppercase;*/
    padding: 5px 10px;
}
.profile a[id*="MessagesCount"] .glyphicon {
    font-size: 18px;
    line-height: 18px;
}
/* .profile > .row:first-child > .col-md-4 {
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 30px;
    box-shadow: 0 2px 4px 0 rgba(198,198,198,0.5), 0 2px 20px 0 rgba(206,206,206,0.5);
    margin-left: 15px;
    margin-right: 15px;
}
*/

/* widths for desktop */
/*
@media (min-width: 992px) {
    .profile > .row:first-child > .col-md-8 {
        width: 75%;
    }
    .profile > .row:first-child > .col-md-4 {
        width: calc(25% - 30px);
    }
}
*/
@media (min-width: 992px) and (max-width: 1200px) {
    .profile .col-md-8 .row,
    .profile .col-md-4 .row {
        margin-left: 0;
        margin-right: 0;
    }
    .profile .col-md-8 .col-md-12,
    .profile .col-md-4 .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}
/*
.profile > .row:first-child > .col-md-4 .alert {
    padding: 0;
    border: none;
    background: transparent;
}
.profile > .row:first-child > .col-md-4 h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
}
.profile > .row:first-child > .col-md-4 .btn-edit {
    border-color: #d9d9d9;
    font-size: 16px;
    line-height: 16px;
    padding: 2px;
}
.profile > .row:first-child > .col-md-4 .btn-default.dropdown-toggle {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.86px;
    color: #979797;
    background: #fff;
    border-color: #d9d9d9;
    padding: 6px;
}
*/
.profile > .row:first-child > .col-md-3 .alert {
    padding: 0;
    border: none;
    background: transparent;
}
.profile > .row:first-child > .col-md-3 h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
}
.profile > .row:first-child > .col-md-3 .btn-edit {
    border-color: #d9d9d9;
    font-size: 16px;
    line-height: 16px;
    padding: 2px;
}
.profile > .row:first-child > .col-md-4 .btn-default.dropdown-toggle {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.86px;
    color: #979797;
    background: #fff;
    border-color: #d9d9d9;
    padding: 6px;
}
.profile a[id*="EmailAddress"] {
    overflow-wrap: break-word;
}
.profile #BreadCrumb {
    display: none;
}
.profile h2 {
    color: #484848;
}

/* communities tab */
.profile div[id*="AllCommunitiesContainer"] {
    border-top: none;
}
.profile a[id*="AllCommunities"].btn.btn-default {
    color: #fff;
}

/* following tab */
.profile .contributions-list-header .dropdown-toggle.btn.btn-default {
    text-transform: none;
    background: transparent;
    color: #000;
    letter-spacing: 0;
    border: 2px solid #DBDBDB;
    font-size: 16px;
    line-height: 19px;
}
.followed-content-results .followed-content-item.row {
    padding: 20px 0;
    margin: 0;
    border-top: 2px solid #F4F4F4;
}
.followed-content-results .followed-content-item td.ProfilePic {
    padding: 0 30px 0 0;
}
.followed-content-results .followed-content-item .ProfilePic + td > div:not(:last-child) {
    margin-bottom: 10px;
}

/****** interior page headings ******/
.page-bg {
    display: none;
}
#PageTitleH1 {
    color: #fff;
    max-width: 100%;
    padding: 90px calc(50% - 585px);
    position: relative;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
#PageTitleH1::after {
    content: "";
    position: absolute;
    left: calc(50% - 585px);
    bottom: 85px;
    width: 30px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
#PageTitleH1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
    z-index: -1;
}
#MPOuterMost.full #BreadCrumb {
    max-width: 100%;
    background-color: #f9f9f9;
}
.breadcrumb {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    background: transparent;
}
.breadcrumb>li+li:before {
    color: #484848;
}

/****** blogs ******/
.blogs-block {
    border-top: 2px solid #e8e8e8;
    padding: 20px 0;
    position: relative;
}
.blogs-block div[class*="col-md-"],
.blogs-block .row.content-row {
    padding: 0;
}
.blogs-block .title-row .col-md-8 {
    padding-right: 15px;
}
.blogs-block .row {
    margin: 0;
}
div[id*="BlogContents"] {
    padding-left: 15px;
    padding-right: 15px;
}
.blogs-block div[id*="ThreadFollowIcon"] {
    display: none;
}
.blogs-block h4 div[id*="ByLinePanel"] {
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #484848;
}
.blogs-block h4 div[id*="ByLinePanel"] a {
    text-decoration: underline;
}
div[id*="TotalRatingLikePanel"] {
    color: #797979;
}
div[id*="TotalRatingLikePanel"]::before {
    font-family: FontAwesome;
    content: "\f164";
    margin-right: 10px;
}

/*** blog entry page ***/
#followingIcon {
    margin-top: 1px;
}
#followingIcon.fas::before {
    content: "\f205";
}
#followingIcon.fal::before {
    content: "\f204";
}
.blogs-block div[id*="StatsContainer"] {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 10px;
}
.blogs-block hr {
    display: none;
}
a[id*="backButton"].btn.btn-default.btn-back {
    padding: 0;
    border: none;
    background: transparent;
    text-transform: none;
    text-decoration: underline;font-size: 14px;
    line-height: 16px;
}
a[id*="backButton"] i {
    display: none;
}
a[id*="backButton"]:active {
    box-shadow: none;
}
.ContentUserControl > .blogs-block {
    margin-top: 45px;
}
.blogs-block div[id*="BackButtonContainer"] {
    position: absolute;
    left: 0;
    top: -40px;
}
.blogs-block > div[id*="UpdatePanel"] > .row.margin-bottom-medium:first-child > .col-md-8,
.blogs-block > div[id*="UpdatePanel"] > div[id*="TitleContainer"] + .row.margin-bottom-medium > .col-md-8 {
    position: static;
}
.blogs-block > div[id*="UpdatePanel"] > .row.margin-bottom-medium:first-child > .col-md-8 .dropdown-multi-option,
.blogs-block > div[id*="UpdatePanel"] > div[id*="TitleContainer"] + .row.margin-bottom-medium > .col-md-8 .dropdown-multi-option {
    position: absolute;
    right: 0;
    top: -45px;
}

/****** events page ******/
div[id*="upEventList"] > .row-border-bottom,
div[id*="upEventList"] > .row-border-bottom .row-border-bottom {
    border: none;
}
.event-list h2 {
    margin: 0;
}
.event-list h3 a {
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;
    margin-bottom: 10px;
}
.event-list-item {
    margin-left: 0;
    border-top: 2px solid #f4f4f4;
    border-bottom: none;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 35px;
}
h2 + .event-list-item {
    border-top: none;
}
.event-dates {
    font-size: 16px;
    line-height: 19px;
}
.event-dates .text-muted {
    color: #484848;
}

/****** all communities list ******/
span[id*="imgIsMember"] {
    float: right;
}
div[id*="pnlAttributes"] .btn-community-stats-static {
    text-transform: none;
    color: #484848;
    font-size: 12px;
    line-height: 14px;
    border-color: #f4f4f4 !important;
    background: #fff;
    border-radius: 2px;
    border-width: 2px;
    letter-spacing: 0;
}
div[id*="pnlAttributes"] .btn-community-stats-static:not(:first-child) {
    margin-left: 10px;
}
div[id*="pnlAttributes"] .btn-community-stats-static[id*="CommunityDocumentsCount"] {
    display: none;
}
.community-list {
    display: flex;
}
.community-list > .col-md-7 {
    padding-left: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 58.3333333333%;
}
.community-list > .col-md-5 {
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 41.66666666667%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.community-list,
.community-list + .pagination {
    border-top: 2px solid #e8e8e8;
    border-bottom: none;
    padding: 20px 0;
    margin: 0;
}
div[id*="CommunityOptionHeader"] + .row {
    margin-bottom: 15px;
}
.community-list .content-tags {
    margin-bottom: 0;
}

.community-list p[id*="StatLastJoined"] span {
    /* margin-left: -6px; */
    font-style: italic;
    color: #484848;
    font-size: 14px;
    line-height: 18px;
}
.community-list div[id*="pnlAttributes"],
.community-list div[id*="pnlEnterJoin"] {
    margin-left: 0;
    margin-right: 0;
}

/****** library page ******/
.library-list > .col-md-2 {
    width: 45px;
    margin-right: 15px;
    float: left;
    padding-left: 0;
}
.library-list > .col-md-10 {
    width: calc(100% - 60px);
    float: left;
    padding-right: 0;
}
.libListReptEntAttchLble {
    border-bottom: 2px solid #f4f4f4;
}
div[id*="DocumentPanel"] .Content > .row > .col-md-4 {
    padding-left: 0;
}
div[id*="DocumentPanel"] .Content > .row > .col-md-8 {
    padding-right: 0;
    margin-bottom: 20px;
}
div[id*="DocumentPanel"] .btn-group .dropdown-toggle {
    text-transform: none;
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #dbdbdb;
    padding: 5px 55px 5px 15px;
}
div[id*="DocumentPanel"] .btn-group .dropdown-toggle .caret {
    transform: translateY(-50%);
    margin-top: 0;
}
.library-list div[id*="PostedByPanel"] {
    font-size: 14px;
    line-height: 16px;
}

/****** discussions ******/
#MPOuterMost .Container thead .Header td, 
#MPOuterMost th, 
#MPOuterMost .ListContainer .ListHeader, 
#MPOuterMost .drItemSubHeader, 
#MPOuterMost .table-thead-background tr th, 
#MPOuterMost .table-thead-background tr td {
    background-color: #f9f9f9;
    color: #383A3B;
    font-weight: 500;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 16px;
}
div[id*="MessagePanel"] > .row-border-bottom {
    border-bottom: none;
}
.table thead>tr>th {
    border-bottom: none;
    border-top: none;
}
table tbody > tr > td {
    border-top: 2px solid #f4f4f4;
}
table tbody > tr:first-child > td {
    border-top: none;
}
a[id*="MessageThreadSummary"] {
    text-decoration: none;
}

/****** member directory ******/
.member-directory a[id*="Contacts_DisplayName"] {
    font-weight: 700;
}
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default {
    text-transform: none;
    padding: 0;
    border: none;
    text-decoration: underline;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 16px;
    background: transparent;
}
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default:active {
    box-shadow: none;
}
.member-directory .member-row .actions {
    float: right;
}
.member-directory .actions .btn {
    color: #fff;
    padding: 8px 12px !important;   
    font-size: 14px;
    line-height: 16px;
}

/****** community homepage ******/
.HLLandingControl .no-data-container {
    margin-top: 20px;
}

.summary-edit {
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    padding: 20px;
}

/*
.summary-edit .Content {
    display: flex;
}
.summary-edit .img-container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 33%;
}
.summary-edit .text-container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 67%;
    padding-left: 20px;
}
.summary-edit .img-container,
.summary-edit .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.summary-edit h1,
.summary-edit h2,
.summary-edit h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
.summary-edit h1 {
    font-size: 40px;
    line-height: 40px;
}*/
.commHTMLOptionsToAttach > h2 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.commHTMLOptionsToAttach > h2 > span {
    display: none;
}

.commHTMLOptionsToAttach .summary-edit {
    margin-bottom: 30px;
}

.summary-edit .JoinLeaveLink a[id*="lbJoin"] {
    padding: 9px 12px;
}
.JoinLeaveLink a[id*="lbJoin"] {
    position: absolute;
    top: 50%;
    right: calc(50% - 585px);
    transform: translateY(-50%);
}

/* community members */
.community-members .panel,
.community-members .panel-heading,
.community-members .panel-body {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}
.community-members .panel-title {
    margin-bottom: 25px;
}
.community-members span[id*="MemberCountLink"] {
    font-size: 14px;
    line-height: 34px;
}
.community-members .panel.panel-default.panel-member {
    padding: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}
.community-members .GroupMemberName {
    font-size: 14px;
    line-height: 16px;
}
span.label.label-admin {
    /*text-transform: uppercase;*/
    opacity: 1;
    font-size: 10px;
}

/****** ideation ******/
.ideation-vote span.badge.badge-default.active.background-#000000 {
    color: #fff;
}
.ideation-vote span.badge.badge-default.active.up:hover, 
.ideation-vote span.badge.badge-default.active.background-#000000:hover {
    color: #fff;
    opacity: 0.9;
}
.ideation-vote .badge.badge-default {
    transition: .3s;
}
.ideation-vote .badge.badge-default:hover,
.ideation-vote .badge.badge-default:focus {
    transition: .3s;
}
.ideation-home .ideation-filter .ideation-filter-buttons {
    width: auto;
}
.ideation-home .pagination-container {
    border-top: none;
}

/****** responsiveness ******/
@media (min-width: 1230px) {
    .community-home .row-wide > div[class*="col-md-"]:first-child {
        padding-left: 0;
    }
    .community-home .row-wide > div[class*="col-md-"]:last-child {
        padding-right: 0;
    }
}
@media (max-width: 1370px) {
    .home .HLEngagement .Content .display-horizontal {
        width: calc(100% - 135px);
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1230px) {
    .community-home .section1.col-md-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .commHTMLOptionsToAttach > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1200px) {
    #BreadCrumb.BreadCrumb {
        padding-left: 0;
        padding-right: 0;
    }
    #HEADER > .col-md-12,
    #FOOTER {
        padding-left: 0;
        padding-right: 0;
    }
    .home .hero {
        padding-left: 30px;
        padding-right: 30px;
    }
    #PageTitleH1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    #NAV {
        right: 0;
    }
    .profile > .row:first-child > .col-md-4 {
        padding: 15px;
    }
    #PageTitleH1::after {
        left: 15px;
    }
    .community-members .dsItem > .row > .col-md-12,
    .community-members .row-bottom-margin > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .JoinLeaveLink a[id*="lbJoin"] {
        right: 15px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .community-members .panel-body .row-bottom-margin {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 992px) {
    .row-wide div[class*="section"] {
        padding-right: 15px;
        padding-left: 15px;
    }
    .home .HLEventList {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 991px) {
    #MPOuterFooter {
        padding-left: 0;
        padding-right: 0;
    }
    .featured-section ul,
    .home .HLEventList ul,
    .home .HLEngagement ul,
    #FOOTER > .row > .col-md-12 {
        flex-wrap: wrap;
    }
    .home .bg-gray .HLLandingControl .featured-section ul li,
    .home .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li,
    .home .HLEngagement ul.display-horizontal li {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(100% - 30px);
    }
    #FOOTER > .row:first-child .ContentItemHtml {
        flex-basis: 50%;
        margin-bottom: 20px;
    }
    #FOOTER > .row:first-child {
        margin-bottom: 0;
    }
    #NAV {
        position: relative;
        right: auto;
        top: auto;
    }
    div[id*="CommunityFilter"] .form-group {
        display: block;
        margin-bottom: 15px;
    }
    div[id*="pnlFindContacts"] .form-group,
    div[id*="MessageTable"].form-horizontal .form-group:first-child,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2),
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3),
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4),
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) {
        flex-basis: 100%;
    }
    div[id*="pnlFindContacts"] .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-2 {
        width: 25%;
        float: left;
    }
    div[id*="pnlFindContacts"] .col-md-10,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-5 {
        width: 75%;
        float: left;
    }
    .community-members select.form-control {
        margin-bottom: 10px;
    }
    .community-members > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .summary-edit .Content {
        flex-wrap: wrap;
    }
    .summary-edit .img-container,
    .summary-edit .text-container {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 100%;
        display: block;
    }
    .summary-edit .img-container img {
        margin-left: auto;
        margin-right: auto;
    }
    .summary-edit .text-container {
        padding-left: 0;
    }
    .summary-edit .img-container + .text-container {
        padding-top: 20px;
    }
    div[id*="FindContactsPanel"] .col-md-offset-2.col-md-10,
    div[id*="MessageTable"] .col-md-offset-2.col-md-10 {
        margin-left: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .full .row-full div[class*="section"] {
        padding-left: 0;
        padding-right: 0;
    }
    .home .hero {
        padding-left: 30px;
        padding-right: 30px;
    }
    #HEADER {
        padding-left: 10px;
        padding-right: 10px;
    }
    .featured-img {
        display: none;
    }
    .featured-section ul {
        flex-basis: 100%;
    }
    .home .bg-gray .HLLandingControl .featured-section ul li {
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #MPOuterFooter {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home .HLEngagement .Content {
        max-width: calc(100% - 75px);
    }
    .home .HLEngagement .prev-arrow {
        transform: translate(-100%,-50%);
    }
    .home .HLEngagement .next-arrow {
        transform: translate(100%,-50%);
    }
    .community-list {
        flex-wrap: wrap;
    }
    .community-list > .col-md-7,
    .community-list > .col-md-5 {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 100%;
    }
    span[id*="imgIsMember"] {
        float: left;
    }
    .community-list div[id*="pnlAttributes"] .pull-right,
    .community-list div[id*="pnlEnterJoin"] .pull-right {
        float: left !important;
    }
    .community-members .col-md-2.col-sm-4.col-xs-6.text-center {
        padding-left: 15px;
        padding-right: 15px;
    }
    .JoinLeaveLink a[id*="lbJoin"] {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
    }
}
@media (max-width: 767px) {
    #searchColumn {
        display: block;
    }
    /****EL - BEGIN Commented Out ****/
    /*
    .search-bar-top {
        display: none;
    }
    */
    /****EL - END Commented Out ****/
    #NAV {
        margin-top: -50px;
    }
    #NAV .navbar-nav {
        float: none;
    }
    .navbar-default .navbar-nav>li>a, 
    .navbar-default .navbar-nav>.active>a, 
    .navbar-default .navbar-nav>.disabled>a {
        padding: 10px 20px;
    }
    .dropdown-menu > li:not(:last-child) {
        border-bottom: none;
    }
    .navbar-default .navbar-nav>li>a {
        border-top: 1px solid #F0F0F0;
    }
    .nav .open>a, 
    .nav .open>a:hover, 
    .nav .open>a:focus {
        border-color: #f0f0f0;
    }
}
@media (max-width: 550px) {
    .HLLandingControl:not(.HLEngagement) .ByLine:not(:empty) {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }
    .HLLandingControl h5 {
        display: none;
    }
    #FOOTER > .row:first-child .ContentItemHtml {
        flex-basis: 100%;
    }
    #MPFooter + .row,
    #FOOTER #MPCopyright,
    #FOOTER .attribution {
        float: none;
        text-align: left;
    }
    .HLLandingControl ul:not(.dropdown-menu) li {
        padding: 15px 0;
    }
    /*.HLLandingControl ul li .row.title-row .col-md-2 {
        width: 26px;
    } */ /* removed 09302020 ptb */
    .HLLandingControl ul li .row.title-row .col-md-10, 
    .HLLandingControl ul li .row.title-row .col-md-7 {
        width: calc(100% - 36px);
    }
    .home .col-md-8 .HLLandingControl ul li {
        padding-left: 35px;
    }
    .home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-2 {
        width: 26px;
        left: -35px;
    }
    .home .col-md-8 .HLLandingControl ul li .row:not(.title-row) {
        display: none;
    }
    .home .HLLandingControl ul li a[id*="lnkDisplay"] {
        width: 26px;
        height: 26px;
    }
    h1, .h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .home .hero {
        padding-top: 50px;
        padding-bottom: 165px;
    }
    .quick-link.icon em a::before {
        font-size: 20px;
        margin-right: 10px;
    }
    .home .col-md-4 .HLLandingControl ul li, 
    .home .bg-gray .HLLandingControl ul li, 
    .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li {
        padding: 15px;
    }
    .home .HLRecentBlogs.HLLandingControl ul li,
    .home .col-md-4 .HLDiscussions ul li {
        padding-bottom: 40px;
    }
    .HLEventList ul li .col-md-2 {
        top: 15px;
        right: 15px;
    }
   /*  .quick-link-container {
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 0;
        padding: 15px;
    } */
    .footer-logo img {
        max-height: 40px;
    }
    .ItemRatingCommentPanel {
        display: none;
    }
}
@media (max-width: 480px) {
    .Welcome ul {
        width: 300px;
    }
    a[id*="Welcome_Details_ProfileLink"] {
        width: 40px;
        height: 40px;
    }
    #ProfileContainer .panel-body > .row .col-md-9,
    #ProfileContainer .panel-body > .row .welcome-links {
        padding-left: 60px;
    }
    #ProfileContainer .panel-footer {
        padding-left: 70px;
    }
    .rowContainer.community-list div.pull-right.margin-top-small a.btn {
        width: auto;
    }
    div[id*="pnlFindContacts"] .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-2,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-2 {
        width: 100%;
        text-align: left;
        float: none;
    }
    div[id*="pnlFindContacts"] .col-md-10,
    div[id*="MessageTable"].form-horizontal .form-group:first-child .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(2) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(3) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(4) .col-md-5,
    div[id*="MessageTable"].form-horizontal .form-group:nth-child(5) .col-md-5 {
        width: 100%;
        float: none;
    }
    .community-members .col-md-2.col-sm-4.col-xs-6.text-center {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/************ Color Picker Specifics ************/

/****** basics ******/
h2, .h2 {
    color: #000000;
}
h2 span::after,
.panel-title span::after {
    border-bottom-color: #CC1313;
}
h3, .h3, .HLLandingControl h3 a {
    color: #000000;
}
h4, .h4 {
    color: #000000;
}
.HLLandingControl h4, 
.HLEngagement h3 {
    color: #000000;
}
a {
    color: #000000;
}
a:hover,
a:focus {
    color: #CC1313;
}
.alert-warning {
    color: #000000;
}
.hltags ul.tagit input[type="text"]::placeholder {
    color: #CC1313;
}

/*** buttons ***/
.make-buttons em a,
.btn.btn-success,
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success,
div[id*="ExportUpdatePanel"] input.btn.btn-default,
div[id*="ExportUpdatePanel"] input.btn.btn-default:hover,
div[id*="ExportUpdatePanel"] input.btn.btn-default:focus,
.profile a[id*="AllCommunities"].btn.btn-default {
    background-color: #CC1313;
    border-color: #CC1313;
    color: #fff;
}
.hero-make-buttons em a,
.btn.btn-primary,
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active,
.btn.btn-info,
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-primary,
.btn.btn-default[id*="btnDownload"],
.member-directory .actions .btn:first-of-type {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

/****EL - BEGIN Commented Out ****/
/* .btn.btn-default,
a[id*="backButton"].btn.btn-default.btn-back {
    color: #000000;
} */
/****EL - BEGIN Commented Out ****/

div[id*="BottomLink"] a:hover, 
div[id*="BottomLink"] a:focus, 
div[id*="More"] a:hover,
div[id*="More"] a:focus,
.home .HLRecentBlogs a[id*="BlogList_More"]:hover,
.home .HLRecentBlogs a[id*="BlogList_More"]:focus,
a[id*="backButton"].btn.btn-default.btn-back:hover,
a[id*="backButton"].btn.btn-default.btn-back:focus {
    color: #CC1313;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #CC1313;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #000000;
}

/****** header ******/

/*** login ***/
#Welcome_LoginLink {
    background-color: #000000;
}
/****EL - BEGIN Commented Out ****/

/*** search ***/
/*
.search-bar-top .glyphicon-search::before,
#searchColumn .glyphicon-search::before,
.custom-search-form .glyphicon-search::before,
.search-bar .glyphicon-search::before,
.glyphicon-search::before {
    color: #CC1313;
}*/

/****EL - End Commented Out ****/

.faceted-search-main .meta-block a,
.faceted-search-main .fs-result-row .owner-name {
    color: #000000;
}

/*** nav ***/
#NAV .navbar-default .navbar-nav>.dropdown>a .caret {
    color: #CC1313;
}
#NAV .navbar-default .navbar-nav>.active>a,
#NAV #MPButtonBar .dropdown-menu .active > a, 
#NAV #MPButtonBar li .dropdown-menu .active > a:hover, 
#NAV #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover, 
#NAV #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover,
#MPOuterMost .dropdown-menu .active > a,
#MPOuterMost .dropdown-menu .active a:hover {
    color: #CC1313;
}
#NAV .navbar-default .navbar-nav>li>a:hover, #NAV .navbar-default .navbar-nav>li>a:focus,
#NAV .navbar-default .navbar-nav>.active>a:hover, #NAV .navbar-default .navbar-nav>.active>a:focus,
#NAV .navbar-default .navbar-nav>.disabled>a:hover, #NAV .navbar-default .navbar-nav>.disabled>a:focus,
#NAV .navbar-default .navbar-nav>.open>a, #NAV .navbar-default .navbar-nav>.open>a:hover, #NAV .navbar-default .navbar-nav>.open>a:focus {
    color: #CC1313;
}
#NAV .dropdown-menu > li > a:hover,
#NAV .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #CC1313;
}
.navbar-toggle {
    background-color: #000000;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #CC1313;
}
#NAV .dropdown-menu>.active>a, 
#NAV .dropdown-menu>.active>a:hover, 
#NAV .dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
    background-color: #000000;
}

/****** homepage content ******/
.hero::before {
    background-color: #000000;
}
.quick-link em a {
    background-color: #000000;
}
.quick-link em a:hover,
.quick-link em a:focus {
    background-color: #CC1313;
}
.top-tiles ul.slick-dots li.slick-active {
    background-color: #000000;
}

/****** landing controls ******/
.HLEventList .date-block {
    background-color: #000000;
}
.HLEventList li:hover .date-block,
.HLEventList li:focus .date-block {
    background-color: #CC1313;
}
.home .HLEventList li:hover, 
.home .HLEventList li:focus, 
.HLEngagement .display-horizontal li:hover, 
.HLEngagement li:focus, .top-tile:hover, 
.top-tile:focus {
    box-shadow: 0 3px #CC1313;
}
.HLEngagement .points-label {
    background-color: #CC1313;
}
.home .HLEngagement .row.title-row .col-md-9 a:hover,
.home .HLEngagement .row.title-row .col-md-9 a:focus {
    color: #000000;
    text-decoration: underline;
}
.home .col-md-4 .HLDiscussions a[id*="DiscussionList_More"]:hover,
.home .col-md-4 .HLDiscussions a[id*="DiscussionList_More"]:focus {
    color: #CC1313;
}
.home .HLEngagement .slick-arrow {
    background-color: #000000;
}

/****** footer ******/
#MPOuterFooter a:hover,
#MPOuterFooter a:focus {
    color: #CC1313;
}
.footer-social-icons a:hover,
.footer-social-icons a:focus {
    color: #CC1313;
}

/****** nav tabs ******/
.nav-tabs > li > a {
    color: #000000;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
    background-color: #000000;
}

/****** pagination ******/
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    background-color: #CC1313;
    border-color: #CC1313;
}
.pagination-container {
    border-top: 2px solid #f4f4f4;
}

/****** profile page ******/
 /****EL - BEGIN Commented Out ****/
 /*
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    background-color: #CC1313;
    border-color: #CC1313;
}*/
 /****EL - END Commented Out ****/


/****** interior page headings ******/
#PageTitleH1::after {
    border-color: #CC1313;
}
#PageTitleH1::before {
    background-color: #000000;
}

/****** library page ******/
.library-list h3 span i.text-muted {
    color: #CC1313;
}   
/****** library - copyright file type wizard UI ******/
.ContentUserControl div[id$=MainOptions] fieldset legend, .ContentUserControl div[id$=CommonLicencing] fieldset legend {
    background: none;
}

/****** discussions page ******/
div[id*="MessagePanel"] span[id*="ThreadFollowIcon"] i {
    color: #CC1313;
}

/****** blogs ******/
div[id*="TotalRatingLikePanel"]::before {
    color: #CC1313;
}

/****** member directory ******/
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default {
    color: #000000;
}
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default:hover,
div[id*="DisplayContacts"] input[id*="BackTop"].btn.btn-default:focus {
    color: #CC1313;
}

/******  community homepage ******/
.JoinLeaveLink a[id*="lbJoin"],
.summary-edit em a {
    background-color: #CC1313;
    border-color: #CC1313;
}
span.label.label-admin {
    background-color: #CC1313;
}

/****** ideation ******/
.ideation-vote span.badge.badge-default.active.background-#000000 {
    background-color: #CC1313;
    border-color: #CC1313;
}
.ideation-vote span.badge.badge-default.active.up:hover, 
.ideation-vote span.badge.badge-default.active.background-#000000:hover {
    background-color: #CC1313;
    border-color: #CC1313;
}

/* changed this class from col-md-4 to 3. the col-md-4 remains in master so delete it after validating this fix */
.profile > .row:first-child > .col-md-3 {
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 30px;
    box-shadow: 0 2px 4px 0 rgba(198,198,198,0.5), 0 2px 20px 0 rgba(206,206,206,0.5);
}

.profile .col-md-9 .col-md-12.section2 {
     padding-left: 15px;
}







/* begin additive CSS for Theme */
/* fixes profile welcome box log out button display in header - do not remove */
.profile > .row:first-child > .col-md-4 {
    margin-right: 15px;
    padding-top: 15px 10px 0;
}
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    padding: 7px 10px;
    text-transform: none;
}
#ProfileContainer .welcome-links .btn {
    text-transform: none;
}
#ProfileContainer.dropdown-menu .panel-body {
     padding: 15px 20px 10px 20px;
}
.profile > .row:first-child > .col-md-3,  .profile > .row:first-child > .col-md-4 {
    background-color: white;
    box-shadow: none;
}
.profile > .row:first-child > .col-md-3 .alert {
    padding: 0;
    border: none;
    background: transparent;
}
.profile > .row:first-child > .col-md-3 h2 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
}
.col-md-3 .nav.nav-pills.nav-stacked li.active {
    margin-left: 0 !important;
}
.profile > .row:first-child > .col-md-3 .btn-edit {
    border-color: #d9d9d9;
    font-size: 16px;
    line-height: 16px;
    padding: 2px;
}
.profile-inbox {
    margin-top:55px;
}
.manage-settings .ui-widget-content {
    border:none;
}
.manage-settings .nav-tabs > li > a {
    border: none;
    background-color: transparent;
}
.manage-settings .ui-widget-header {
    padding: 15px 0 0 !important;
    margin-bottom: 15px;
}
.manage-settings .ui-tabs .ui-tabs-panel {
    padding: 20px 0;
}
.manage-settings legend {
    font-size: 16px;
}
#MessageListContainer  .dropdown-menu>li>a[id*="ProfileImage"] {
    border-radius:0 ;
    background-color: #fff;
    width: auto;
    height: 28px;
}
.community-notifications .email-settings.table {
    font-weight: normal;
    font-size: 14px;
}
/* profile inbox spatial fixes */
#MessageListContainer  .dropdown-menu>li>a[id*="ProfileImage"] {
    border-radius:0 ;
    background-color: #fff;
    width: auto;
    height: 28px;
}
.inbox .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 0;
}
.inbox  a.list-group-item.unread {
    font-weight: normal;
}
.inbox > div > div > div.row {
    margin-top: 50px;
}
.inbox-list .margin-bottom-medium {
    margin-bottom: 20px;
}
.inbox-list #composeMessageContainer {
    margin-bottom: 15px;
}
.profile a[id*="MessagesCount"] {
    font-weight: normal;
    font-size: 14px;
}
/* fixes library view and filter options - no not remove */
.librarydocuments .col-md-8.text-right > div.form-inline {
     margin-top: 25px;
}
div[id*="DocumentPanel"] .btn-group .dropdown-toggle  {
    text-transform: none;
    color: #000;
    font-size: 12px;
    line-height: 1.4; 
     border: 1px solid #dcdcdc;
     padding: 6px 12px ;
}
.librarydocuments  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    padding-bottom: 0;
}
/*
ul.DiscussionContentContainer>li .pnl-row-item {
    background-color:transparent;
}*/
.panel-form {
    background: #ffffff;
}
/* fixes skiplinks display on loggout - do not remove */
.skiplinkholder a, .skiplinkholder a:link, .skiplinkholder a:visited {
    display: block;
    width: auto;
    position: absolute;
    top: -999;
    left: -200%;
    z-index: 10000;
}
/* fixes made to show content type in search results - no not remove */
.faceted-search-main .fs-result-row a.focus-search span.focus-search  {
     display: inline-block;
     margin-right: 5px;
}
#NAV #MPButtonBar .dropdown-menu > li > a, #MPOuterMost .dropdown-menu > li > a {
    text-transform: none;
    padding: 6px 12px;
}
.HLLandingControl ol li, .HLLandingControl ul li {
    padding-bottom: 0px;
}
.HLLandingControl ol li:last-child, .HLLandingControl ul li:last-child {
    border-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
}
#NAV .dropdown-menu > li:not(:last-child), .dropdown-menu > li:not(:last-child) {
    border-bottom: none;
}
ul.nav.navbar-nav > li {
    text-align: left;
    background-color: transparent;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
}
.config-table-adjust table {
     table-layout: fixed;
     width: 100%;
     margin-top: 15px;
}
.config-table-adjust table tbody > tr > td {
    border-top: 1px solid #f4f4f4;
}
.saml-button-fix {
     font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
#NAV .navbar-default .navbar-nav>li>a, #NAV .navbar-default .navbar-nav>.active>a, #NAV .navbar-default .navbar-nav>.disabled>a {
   padding: 15px 20px;
}
.hl-type {
    display: block;
}

.nav-tabs > li > a { 
    text-transform: none;
}
/* fixes profile welcome box log out button display in header - do not remove */
#ProfileContainer .panel-footer a[id*="logoutLink"] {
    padding: 7px 10px;
    text-transform: none;
}
#ProfileContainer .welcome-links .btn {
    text-transform: none;
}
#ProfileContainer.dropdown-menu .panel-body {
     padding: 15px 20px 10px 20px;
}
.Welcome ul h4 {
    text-transform: none;
}
/* fixes members add to contacts button display on profile - no not remove */
.member-directory .actions .btn:last-of-type {
    background-color: #77A3A2;
    border-color: #77A3A2;
    color: #fff;
}
@media (min-width: 768px)  
{
     /* #NAV .row {
         margin-left: -15px;
         margin-right: -15px; 
     } */
}
/* fixes header profile-search input */
@media (max-width: 1550px) {
    #MPheader {
        padding-right: 0;
    }
}
/* people selector on the profile messages modal */
/* Corner radius */
.ui-corner-all,
 .ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}
 .ui-corner-all,
.ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all,
 .ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius:0;
}
.ui-corner-all,
 .ui-corner-bottom,
.ui-corner-right,
 .ui-corner-br {
    border-bottom-right-radius: 0;
}
.profile ul.tagit li.tagit-new {
    padding: 0;
}


/* Component containers
----------------------------------*/
 .ui-widget {
    font-size: 14px;
}
.ui-widget .ui-widget {
    font-size: 14px;
}
 .ui-widget input,
 .ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 14px;
}

.ui-widget-content {
    background-color: #ffffff;
        background-image:none;
}
.ui-widget-header {
    background-color: #cccccc;
        background-image:none;
    font-weight: normal;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
 .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #e6e6e6;
        background-image:none;
}
 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
.ui-state-focus,
 .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-color: #ebebeb;
        background-image:none;
    font-weight: normal;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #ffffff;
        background-image:none;
    font-weight: normal;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #ebebeb;
        background-image:none;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: normal;
}
 ul.tagit li.tagit-choice-editable {
    padding: 2px 20px 2px 5px;
}
.a-item.ui-corner-all div.image {
     min-width: 60px;
}

.column-fix .col-md-3.section1 {
    display: block !important;
}

.row-bg-grey {
   background-color: #f2f2f2;
}

.advanced-search-container {
  display:none;
}

/**** PB/EL - Override CSS - 9_10 - *****/


/***Begin PB Overrides***/

/* fixes initial header load without logo */
#MPheader {
    min-height: 120px;
}
/* fixes recent blogs image collapse issue for no content */
.home .HLRecentBlogs .featured-img.bg-image {
    min-height: 200px;
}
/* fix tab bottom line spacing */
.nav-tabs > li > a {
    line-height: 1.428;
}
.nav-tabs>li {
    margin-bottom: 0;
}
/* fixes recomment button spacing */
.btn-recommend-yes {
    padding: 5px 10px;
}
.CommentPanel.ItemRatingCommentPanel .btn-success{
   border-top-left-radius: 3px;   
   border-bottom-left-radius: 3px;   
   margin-right: -4px; 
}
.CommentPanel.ItemRatingCommentPanel .btn:first-of-type {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
}
.CommentPanel.ItemRatingCommentPanel .btn:nth-child(2) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;

}


/***Begin EL Overrides***/

/***For FOUC****/
body{
    visibility: hidden;
}
#tinymce{
    visibility:visible;
}

/****Profile Welcome Panel Dropdown****/
#ProfileContainer .panel-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#ProfileContainer .alert-warning, #ProfileContainer .alert-success {
    color: #5f4b29;
    background-color: #fcf8e3;
    border-color: #fbeed5;        
}


/****GLobal Search Input*****/

#searchColumn .form-control {
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    color: #828282;
    font-size: 14px;
    line-height: 16px;
    height: 26px;
    background: transparent;
    box-shadow: none;
}
#SearchControl_WholeSearch > .input-group > .input-group-btn {
    width: auto;
}
#searchColumn .SearchInputs {
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #f7f8fa;
    overflow: hidden;
}
#MPSearchBlock {
    margin-top: 0px;
    margin: 0 15px;
}
#searchColumn {
    display: block;
}
#SearchControl_WholeSearch > .input-group {
    display: flex;
    align-items: center;
}
#SearchControl_WholeSearch > .input-group > .input-group-btn {
    width: auto;
}
#MPSearchBlock button[id*="SearchButton"], #searchColumn button[id*="SearchButton"], .custom-search-form a[id*="btnSearch"], .search-bar .btnSearch {
    border: none;
    background: transparent;
    width: 26px;
    height: 26px;
    text-align: center;
    padding: 0;
}
#SearchControl_SearchButton {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px){
    #searchColumn {
        float: none !important;
        max-width: none;
        width: 100%;
        margin-top: 7.5px;
    }
}



/**** EL - Override CSS - 9_16 - *****/

/****Fix for 'Sync External Database' in Admin not being visible due to inheriting protected Themes***/
body.Empty{
    visibility: visible;
}

/*All communities List tweaks to fit eConverseJS*/
.community-list h3 {
    margin-bottom: 10px;
}
.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

/**No data Modal for MAM on homepage**/
.home .HLEngagement .Content .callout{
    border: none;
}

/****Footer Attribution Fixes***/

.hl-attribution {
    float: left;
}

.econverse-attribution {
    float: right;
}

/* ptb - fixes display of SERP text input */
#FacetedSearchInput {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
}

/***EL - Adds caret symbol back to "more info" link for top tiles****/
.top-tile a span::after {
    font-family: FontAwesome;
    content: '\f0da';
    margin-left: 5px;
}

/****EL - New Search control missing theme specific glyphicon CSS. Added back in***/

#SearchControl_SearchButton .glyphicon-search::before {
color: #CC1313;
    vertical-align: unset !important;
    font-size: 14px;
    line-height: 26px;
}

/**EL - row-full paddding issue fix***/

.row-full .col-md-12[class*="section"] {
    padding-left: 0;
    padding-right: 0;
}

/*****EL - Allow for Vertical MAM config w/Slick ****/

.HLEngagement ul.display-vertical li {
    border: 1px solid #E8E8E8;
    margin: 15px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding: 20px;
}


#MPOuterMost .HLLandingControl.HLEngagement .ByLine {
    display: block;  
}

.home .bg-gray .HLLandingControl.HLEngagement ul li, .home .HLLandingControl.HLEngagement ul.display-horizontal li  {
    flex: 1;
    border: 1px solid #e8e8e8;
    padding: 20px;
    border-radius: 10px;
    margin: 15px;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    color: #484848;
    background: #fff;
}


/**EL - Button Spacing fix for inline action button on widget headers***/

.make-buttons em a,
.btn.btn-success,
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success,
div[id*="ExportUpdatePanel"] input.btn.btn-default,
div[id*="ExportUpdatePanel"] input.btn.btn-default:hover,
div[id*="ExportUpdatePanel"] input.btn.btn-default:focus,
.profile a[id*="AllCommunities"].btn.btn-default {
    margin-bottom: 5px;
}

/***EL - Width fix for homepage widgets to make margin consistent across similar control types***/
/* .home .col-md-4 .HLLandingControl ul li, .home .bg-gray .HLLandingControl ul li, .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li, .home .HLLandingControl.HLEventList .Content > .row > .col-md-12 > ul li{
margin-left: 0;
margin-right: 0;
} */
.home .col-md-4 .HLLandingControl ul li{
margin-left: 0;
margin-right: 0;
}


/*****EL - 11.22.20 - fix to allow flexible width for variable sized navbars experienced during theme upgrades****/
#MPButtonBar{
    display: flex;
    align-items: stretch;
justify-content: space-between;
}

#MPButtonBar #Logo, #MPButtonBar nav.navbar.navbar-default {
    display: flex;
    align-items: center;
 
}

#MPButtonBar #Logo > .col-md-12{
    display: flex;
}

#MPContentArea{
    padding-top: 5px;
}

@media (max-width: 1000px){
    #HEADER, #Logo {
        padding-left: 10px;
        padding-right: 10px;
    }

    #MPButtonBar, #MPButtonBar #Logo, #MPButtonBar nav.navbar.navbar-default, #MPButtonBar #Logo > .col-md-12{
        display: block;
    }
}

/***Nav/Logo/Header - Spacing fixes*****/

#MPheader {
    min-height: 90px;
}


/****EL - slick MAM widget responsiveness fix***/


@media (max-width: 468px) {

    .home .HLEngagement .Content .display-horizontal{
        width: 100%;
    }

    .home .HLEngagement .Picture + .col-md-9 {
        width: inherit;
        float: none;
    }

    .home .HLEngagement .Picture {
        
        float: none;
        margin: 0;
    }

    .home .bg-gray .HLLandingControl.HLEngagement ul li, .home .HLLandingControl.HLEngagement ul.display-horizontal li{
        padding: 15px;
        text-align: center;
    }

    .home .HLEngagement .Content{
        width: 100%;
        margin: 0 auto;

    }

}



/*****START BASE ICONPICKER CSSS***/

.iconpicker-popover.popover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  max-width: none;
  padding: 1px;
  text-align: left;
  width: 234px;
  background: #f7f7f7;
  z-index: 9;
}
.iconpicker-popover.popover.top,
.iconpicker-popover.popover.topLeftCorner,
.iconpicker-popover.popover.topLeft,
.iconpicker-popover.popover.topRight,
.iconpicker-popover.popover.topRightCorner {
  margin-top: -10px;
}
.iconpicker-popover.popover.right,
.iconpicker-popover.popover.rightTop,
.iconpicker-popover.popover.rightBottom {
  margin-left: 10px;
}
.iconpicker-popover.popover.bottom,
.iconpicker-popover.popover.bottomRightCorner,
.iconpicker-popover.popover.bottomRight,
.iconpicker-popover.popover.bottomLeft,
.iconpicker-popover.popover.bottomLeftCorner {
  margin-top: 10px;
}
.iconpicker-popover.popover.left,
.iconpicker-popover.popover.leftBottom,
.iconpicker-popover.popover.leftTop {
  margin-left: -10px;
}
.iconpicker-popover.popover.inline {
  margin: 0 0 12px 0;
  position: relative;
  display: inline-block;
  opacity: 1;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  max-width: 100%;
  box-shadow: none;
  z-index: auto;
  vertical-align: top;
}
.iconpicker-popover.popover.inline > .arrow {
  display: none;
}
.dropdown-menu .iconpicker-popover.inline {
  margin: 0;
  border: none;
}
.dropdown-menu.iconpicker-container {
  padding: 0;
}
.iconpicker-popover.popover .popover-title {
  padding: 12px;
  font-size: 13px;
  line-height: 15px;
  border-bottom: 1px solid #ebebeb;
  background-color: #f7f7f7;
}
.iconpicker-popover.popover
  .popover-title
  input[type="search"].iconpicker-search {
  margin: 0 0 2px 0;
}
.iconpicker-popover.popover
  .popover-title-text
  ~ input[type="search"].iconpicker-search {
  margin-top: 12px;
}
.iconpicker-popover.popover .popover-content {
  padding: 0px;
  text-align: center;
}
.iconpicker-popover .popover-footer {
  float: none;
  clear: both;
  padding: 12px;
  text-align: right;
  margin: 0;
  border-top: 1px solid #ebebeb;
  background-color: #f7f7f7;
}
.iconpicker-popover .popover-footer:before,
.iconpicker-popover .popover-footer:after {
  content: " ";
  display: table;
}
.iconpicker-popover .popover-footer:after {
  clear: both;
}
.iconpicker-popover .popover-footer .iconpicker-btn {
  margin-left: 10px;
}
.iconpicker-popover .popover-footer input[type="search"].iconpicker-search {
  margin-bottom: 12px;
}
.iconpicker-popover.popover > .arrow,
.iconpicker-popover.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.iconpicker-popover.popover > .arrow {
  border-width: 11px;
}
.iconpicker-popover.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.iconpicker-popover.popover.top > .arrow,
.iconpicker-popover.popover.topLeft > .arrow,
.iconpicker-popover.popover.topRight > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.iconpicker-popover.popover.top > .arrow:after,
.iconpicker-popover.popover.topLeft > .arrow:after,
.iconpicker-popover.popover.topRight > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.iconpicker-popover.popover.topLeft > .arrow {
  left: 8px;
  margin-left: 0;
}
.iconpicker-popover.popover.topRight > .arrow {
  left: auto;
  right: 8px;
  margin-left: 0;
}
.iconpicker-popover.popover.right > .arrow,
.iconpicker-popover.popover.rightTop > .arrow,
.iconpicker-popover.popover.rightBottom > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.iconpicker-popover.popover.right > .arrow:after,
.iconpicker-popover.popover.rightTop > .arrow:after,
.iconpicker-popover.popover.rightBottom > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.iconpicker-popover.popover.rightTop > .arrow {
  top: auto;
  bottom: 8px;
  margin-top: 0;
}
.iconpicker-popover.popover.rightBottom > .arrow {
  top: 8px;
  margin-top: 0;
}
.iconpicker-popover.popover.bottom > .arrow,
.iconpicker-popover.popover.bottomRight > .arrow,
.iconpicker-popover.popover.bottomLeft > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.iconpicker-popover.popover.bottom > .arrow:after,
.iconpicker-popover.popover.bottomRight > .arrow:after,
.iconpicker-popover.popover.bottomLeft > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.iconpicker-popover.popover.bottomLeft > .arrow {
  left: 8px;
  margin-left: 0;
}
.iconpicker-popover.popover.bottomRight > .arrow {
  left: auto;
  right: 8px;
  margin-left: 0;
}
.iconpicker-popover.popover.left > .arrow,
.iconpicker-popover.popover.leftBottom > .arrow,
.iconpicker-popover.popover.leftTop > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.iconpicker-popover.popover.left > .arrow:after,
.iconpicker-popover.popover.leftBottom > .arrow:after,
.iconpicker-popover.popover.leftTop > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.iconpicker-popover.popover.leftBottom > .arrow {
  top: 8px;
  margin-top: 0;
}
.iconpicker-popover.popover.leftTop > .arrow {
  top: auto;
  bottom: 8px;
  margin-top: 0;
}
.iconpicker {
  position: relative;
  text-align: left;
  text-shadow: none;
  line-height: 0;
  display: block;
  margin: 0;
  overflow: hidden;
}
.iconpicker * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
}
.iconpicker:before,
.iconpicker:after {
  content: " ";
  display: table;
}
.iconpicker:after {
  clear: both;
}
.iconpicker .iconpicker-items {
  position: relative;
  clear: both;
  float: none;
  padding: 12px 0 0 12px;
  background: #fff;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  min-height: 49px;
  max-height: 246px;
}
.iconpicker .iconpicker-items:before,
.iconpicker .iconpicker-items:after {
  content: " ";
  display: table;
}
.iconpicker .iconpicker-items:after {
  clear: both;
}
.iconpicker .iconpicker-item {
  float: left;
  width: 14px;
  height: 14px;
  padding: 12px;
  margin: 0 12px 12px 0;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  box-shadow: 0 0 0 1px #ddd;
  color: inherit;
}
.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
  background-color: #eee;
}
.iconpicker .iconpicker-item.iconpicker-selected {
  box-shadow: none;
  color: #fff;
  background: #000;
}
.iconpicker-component {
  cursor: pointer;
}

/*****END BASE ICONPICKER CSSS***/


/****START - HL custom quicklink icon picker CSS***/

/***iconPicker Dropdown/Popover***/



.custom-quicklink-widget .iconpicker .iconpicker-item{
  
  height: 30px;
  width: 30px;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.custom-quicklink-widget .iconpicker-popover.popover{  
  min-width: 427px !important;
  margin-left: 15px;

}



.custom-quicklink-widget .iconpicker-container .input-group-addon {
    display: flex; 
  flex: 100%;  
  justify-content: center;
  align-items: center;  
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #ddd;    
  background: none;  
  font-size:45px;
  color: #000000; 
  
  max-width: 70px;
  height: 70px;
  padding: 12px;
}

.custom-quicklink-widget .iconpicker-container .input-group-addon {
  /**Depends on Theme Default is set above**/
}

/***START - Front-end Defaults --- Specific use cases may overwrite ***/
.custom-quicklink-widget .HLLandingControl {
  margin-bottom:0;
  position: relative;
}
.custom-quicklink-widget .iconpicker-container {
    display:flex;
  align-items:center;
  
}
/**quicklink auto flex by default***/
.custom-quicklink-wrapper, .custom-quicklink-wrapper>a.custom-quicklink, .custom-quicklink-wrapper a.custom-quicklink .quicklink-icon {
    display:flex;
}
.custom-quicklink-wrapper>a.custom-quicklink {
    flex:1;
    align-items:center;
    text-decoration:none;
}
.custom-quicklink-wrapper a.custom-quicklink .quicklink-icon {
    
}
/**Remove native padding for .col-md-12 (since flexbox will compensate)**/
.custom-quicklink-widget .quicklink-container>.row>.col-md-12 {
    padding: 0;
}

/**horizontal display***/
.custom-quicklink-widget .Content.display-horizontal {
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:flex-start;
}
.custom-quicklink-widget .Content.display-horizontal .quicklink-container {
    flex:1;
    margin-bottom: 0;
}


/***horizontal display - variable item height equalizing ***/
.custom-quicklink-widget .Content.display-horizontal .quicklink-container, .custom-quicklink-widget .Content.display-horizontal .quicklink-container > .row, .custom-quicklink-widget .Content.display-horizontal .quicklink-container > .row > .col-md-12, .custom-quicklink-widget .Content.display-horizontal .quicklink-container > .row > .col-md-12 .custom-quicklink-wrapper{    
  display: flex;
     flex: 1;  
}
/**flex-row justification****/
.custom-quicklink-widget .Content.justify-content-start {
    justify-content:flex-start;
}
.custom-quicklink-widget .Content.justify-content-end {
    justify-content:flex-end;
}
.custom-quicklink-widget .Content.justify-content-center {
    justify-content:center;
}
.custom-quicklink-widget .Content.justify-content-between {
    justify-content:space-between;
}
.custom-quicklink-widget .Content.justify-content-around {
    justify-content: space-around;
}

/***END - Front-end Defaults --- Specific use cases may overwrite ***/



/***START - Add/Editing styling for buttons, popover, highlightlighting, etc. ***/


/**add/Create new button**/
.custom-quicklink-widget .HLLandingControl>.row.heading {
    margin:0;
    z-index:900;
    position:absolute;
    right:0px;
    top:-40px;
}
.custom-quicklink-widget .HLLandingControl>.row.heading h2 {
    color:#fff;
    margin:0;
    line-height:1px;
}
.custom-quicklink-widget .HLLandingControl>.row.heading h2::after {
    content:none;
}
.custom-quicklink-widget .HLLandingControl>.row.heading h2 a {
    margin-bottom:0px;
    line-height: normal;
}

/**edit/delete button popover***/
.custom-quicklink-admin.popover {
    font-family:"Open Sans",sans-serif;
    font-size:14px;
  line-height:20px;
  text-align:center;    
    text-size-adjust:100%;
    white-space:normal;
    padding:3px 5px;    
    margin-top:5px; 
  left: 50% !important;

  -webkit-box-shadow: 0.5px 1px 1px rgb(0 0 0 / 10%);
  box-shadow: 0.5px 1px 1px rgb(0 0 0 / 10%);
}

.custom-quicklink-admin.popover .arrow {
    border-width: 6px;
    bottom: -40%;
    left: calc(50% + 5px) !important;
}

.custom-quicklink-widget .custom-quicklink-admin.popover>.btn-default {
  font-size:11px;
  font-weight:normal;  
  line-height:1.5;
  text-align:center;
  color:#7c7c7c;    
    text-decoration:none;
  border:1px solid #ccc;
  border-radius:3px;
  background-color:#ededed; 
    background-image:none;  
    padding:2px 5px;
    margin-right:0;
    margin-left:0;  
    opacity:1;  
    position: relative;
}

/***in context editing - experience consistency CSS ***/
.custom-quicklink-widget.editContentHighlight:before, .custom-quicklink-wrapper>a.editContentHighlight:before {
    animation:editContentHighlightBackground;
    animation-fill-mode:forwards;
    content:' ';
    display:block;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    right:0;
}

.custom-quicklink-widget.editContentHighlight:before {
        z-index: 1;
}

/* .custom-quicklink-wrapper.editContentHighlight:before {
    animation:editContentHighlightBackground;
    animation-fill-mode:forwards;
    content:' ';
    display:block;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    right: 0;
} */

/***END - Add/Editing styling for buttons, popover, highlightlighting, etc. ***/






/*****Still needs Cleaning*****/




/***START - Default Modal Styles****/


/**consistency with react modals**/
.custom-quicklink-widget .modal .modal-header {
  background-color: #444855;  
}
.custom-quicklink-widget .modal .modal-header .close, .custom-quicklink-widget .modal .modal-header h4{
  color: #fff;
}

.custom-quicklink-widget .modal .modal-body .form-group{
  margin-bottom: 20px;
}

.custom-quicklink-widget .modal .modal-body .form-group label{
  font-size: 16px;
}
.custom-quicklink-widget .modal .modal-body .form-group .form-control{
    display: block;
    line-height: 1.15;
    color: #606065;
}


.custom-quicklink-widget .modal .modal-body .iconpicker-container > .icon-input-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  margin-right: 15px;
  /* flex-wrap: wrap; */
  /* margin: 10px 0; */  
 }

.custom-quicklink-widget .modal .modal-body .iconpicker-container > .icon-input-wrapper > input {
  border-radius: 4px 0 0 4px;
}


.custom-quicklink-widget .modal .modal-body .iconpicker-container > .icon-input-wrapper > button.hl-ql-icp-component{
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}


.custom-quicklink-widget .modal .modal-body .iconpicker-container > .icon-input-wrapper > input{    
    /* flex-grow: 1; */
    /* width: auto; */
    /* height: 100%; */
} 


/**only relevant in 'Description + Iconpicker' use cases ***/
.custom-quicklink-widget .modal .modal-body .form-group.icon-field-form-group{
  margin-top: -10px;
}
.custom-quicklink-widget .modal .modal-body .form-group.icon-field-form-group > label{
  position: relative;
  top: 20px;
  padding-top: 0;
}
.custom-quicklink-widget .modal .modal-body .form-group.icon-field-form-group .iconpicker-container > .icon-input-wrapper > input.hl-ql-icp{
  height: 100%;
    width: 100%;
  padding-right: 34px;
  position: absolute;
    top: 0;
  left: 0;
    opacity: 0;
    z-index: -1; 
}


.custom-quicklink-widget .modal textarea.ql-starting-description-input{
    resize: none;
}
.custom-quicklink-widget .modal span#description_charCounter {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 10.5px;
    font-weight: 700;
line-height: 1;
  background-color: #999;
position: relative;
  margin-top: -20px;
  margin-right: 5px;
padding: .2em .6em .3em;
color: white;

    
}


@media (min-width: 768px){
    .custom-quicklink-widget .modal .modal-body .form-horizontal .control-label {
        text-align: left;
        padding-top: 0; 
        margin-bottom: 10px;
    }
}
@media (min-width: 992px){
  .custom-quicklink-widget .modal .form-group .col-md-offset-3{
    margin-left: 30px;

  }
}

/*******END - Custom QuickLink Wiget- Defaults/Resets****/


/***Start Full Community Model Custom ***/


.fullcommunity-horiz-tile-icon-text-desc-ql.custom-quicklink-widget {
    margin-top: -100px;
    position: relative;

}


.fullcommunity-horiz-tile-icon-text-desc-ql.custom-quicklink-widget .HLLandingControl>.row.heading h2 {
    border-bottom: none;
}

.fullcommunity-horiz-tile-icon-text-desc-ql.custom-quicklink-widget .HLLandingControl>.row.heading h2 span::after {
    border-bottom: none;
}

.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink {

    position: relative;    
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #000000;
    text-decoration: none;
    text-align: center;  
    background-color: #fff;    
    border: 1px solid #e8e8e8;
    /* box-shadow: 0px 4px 20px rgb(0 0 0 / 5%), 0px 2px 5px rgb(0 0 0 / 5%); */
    border-radius: 10px;
    transition: .3s;
    display: flex;
    flex-direction: column;
    padding: 30px;
    /* padding: 15px; */
    margin: 0 15px;
}

.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink:hover, .fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink:focus {
    box-shadow: 0 3px #CC1313;
}

.corpplus-horiz-tile-icon-text-desc-ql a.custom-quicklink .quicklink-icon{
    margin-bottom: 20px
}

.fullcommunity-horiz-tile-icon-text-desc-ql a.custom-quicklink .quicklink-icon>i {
    display: block;
    font-size: 50px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 300;
    margin: 0 auto;
    color: #000000;
    background: transparent;
    border-radius: 0;
}



.fullcommunity-horiz-tile-icon-text-desc-ql .custom-quicklink-wrapper>a.custom-quicklink .quicklink-description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    
    color: #333;
    margin: 10px 0;
}






/***START - homepage Tabbed navigation***/
.homepage-tabs.ContentUserControl.HLLandingControl {
  padding: 0;
}
.homepage-tabs ul.nav-tabs {
  border-bottom: none;
}
.homepage-tabs .nav-tabs > li.active > a {
  background: none;
  border: none;
}
.homepage-tabs.HLLandingControl ol.navt-tabs li, .homepage-tabs.HLLandingControl ul.nav-tabs li {
  border: none;
}
.homepage-tabs .tab-content .HLLandingControl ul li {
  border-bottom: 1px solid #e5e5e5;
}
.homepage-tabs .HLLandingControl .row.title-row .row.title-row {
  margin-bottom: 10px;
}
.homepage-tabs .HLLandingControl ol li{
  padding-bottom: 0;
  margin-bottom: 15px;
}

/* .homepage-tabs .HLLandingControl ol li, .HLLandingControl ul li {
  padding-bottom: 0;
  margin-bottom: 15px;
} */
.homepage-tabs .nav-tabs > li > a {
  border: none;
  color: #bbb;
}
/*.homepage-tabs .nav-tabs > li.active > a, .homepage-tabs .nav-tabs > li.active > a:hover, .homepage-tabs .nav-tabs > li.active > a:focus {
  color: #333;
  border-bottom: 2px solid #000000;
  border-radius: 0;
} */
/* 
.interior .SearchResults.HLLandingControl .title-row>.col-md-1.pull-right .label-default::before,.homepage-tabs .title-row>.col-md-1.pull-right .label-default::before {
    font-family:"Font Awesome 5 Pro";
    font-size:24px;
    line-height:1.1;
    display:block;
    content:'';
    
    z-index:10;
    
    font-weight:500;
}
.homepage-tabs .title-row>.col-md-1.pull-right .label-default.discussion::before {
    
    color:#28a745;
}
.homepage-tabs .title-row .col-md-1.pull-right .label-default.discussion::before {
    content: '\f4b6';
}
.homepage-tabs .title-row>.col-md-1.pull-right .label-default.library-entry::before {
    
    color:#e68a00;
}
.homepage-tabs .title-row .col-md-1.pull-right .label-default.library-entry::before {
    content:'\f07c';
} */
.homepage-tabs .title-row .col-md-1.pull-right .label-default {
  background: transparent;
  padding: 0;
  float: none !important;
}
/*
.speech-bubble-icon {
    font-size:28px;
    left:-1px;
    color: #CC1313;
}

.question-mark-icon {
    font-size:1.3em;
    font-size:21px;
    left:3px;
    top:0px;
    color: #CC1313;
}
.question-icon-container {
    position:relative;
}
.fa-fw {
    position:absolute;
}
.speech-bubble-icon .svg-inline--fa,.question-mark-icon .svg-inline--fa {
    display:inline-block;
    font-size:inherit;
    height:1em;
    overflow:visible;
    vertical-align: -0.125em;
} */
/****Ideation feedCSS***/
.homepage-tabs .tab-content .ideation-widget {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05), 0px 2px 5px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding: 20px 10px;
  border-radius: 4px;
  margin-bottom: 25px;
}
.homepage-tabs .tab-content .ideation-widget > .row.form-group {
  display: none;
}
.homepage-tabs .tab-content .ideation-widget > div > div {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5;
}
.homepage-tabs .tab-content .ideation-widget > div > div:last-of-type {
  border-bottom: none;
}
.homepage-tabs .tab-content .ideation-widget > div > div:last-of-type > a {
  background-color: #CC1313;
  border-color: #CC1313;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  padding: 12px 24px;
  font-style: normal;
  text-decoration: none;
  text-transform: capitalize;
  float: left !important;
}
.homepage-tabs .tab-content .ideation-widget > div > div:last-of-type::after, .homepage-tabs .tab-content .ideation-widget > div > div:last-of-type::before {
  display: table;
  content: " ";
}
.homepage-tabs .tab-content .ideation-widget > div > div:last-of-type::after {
  clear: both;
}
/*****Mixed CSS from Theme 4B*****/
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
  display: block;
}
.homepage-tabs .tab-content .HLLandingControl ul li {
  background: #fff;
  padding: 20px;
  box-shadow: 0px 4px 15px rgba(231, 232, 236, 0.3), 0px 1px 2px #E7E8EC;
  border-radius: 6px;
  border: 1px solid #FBFBFB;
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-right: 140px;
}
.homepage-tabs .tab-content ul li .title-row .col-md-3.pull-right .label {
  position: absolute;
  width: 120px;
  top: -20px;
  right: -140px;
  bottom: -20px;
  background: #FAFAFA;
  font-size: 0;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
  position: static;
  width: 0%;
  padding: 0;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults .col-sm-7.col-md-7 {
  width: 100%;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row {
  display: flex;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before, .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.discussion::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 26px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-weight: 300;
  color: #999;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.default::before {
  font-family: theme4b;
  content: '\f005';
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.announcement::before {
  content: '\f675';
  /* color: #72A6A1; */
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.discussion::before, .homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.discussion-thread::before {
  content: '\f075';
  /* color: #6FB1D7; */
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.event::before {
  content: '\f073';
  /* color: #D0764F; */
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.blog::before {
  content: '\f1ea';
  /* color: #E96292; */
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.library-entry::before {
  content: '\f5db';
  /* color: #426785; */
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.question::before, .homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.answer::before {
  content: '\f059';
  /* color: #9980bf; */
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.glossary::before {
  content: '\f15c';
}
.homepage-tabs.ContentUserControl.HLLandingControl {
  padding: 0;
}
.homepage-tabs ul.nav-tabs {
  border-bottom: none;
}
.homepage-tabs .nav-tabs > li.active > a {
  background: none;
  border: none;
}
.homepage-tabs.HLLandingControl ol.navt-tabs li, .homepage-tabs.HLLandingControl ul.nav-tabs li {
  border: none;
}
.homepage-tabs .tab-content .HLLandingControl ul li {
  border-bottom: 1px solid #e5e5e5;
}
.homepage-tabs .nav-tabs > li.active > a, .homepage-tabs .nav-tabs > li.active > a:hover, .homepage-tabs .nav-tabs > li.active > a:focus {
  color: #333;
  border-bottom: 2px solid #000000;
  border-radius: 0;
}
.homepage-tabs .nav-tabs {
  background: none;
  border-radius: 0px;
  border: none;
  box-shadow: none;
}
.homepage-tabs .nav-tabs > li > a {
  margin: 0;
  background: none;
}

.homepage-tabs.HLLandingControl ul:not(.dropdown-menu) li {
  
    padding: 0px 0;
}
.homepage-tabs ul.nav-tabs, .homepage-tabs .tab-content .Content > ul {
  padding: 0;
}
.homepage-tabs .tab-content .Content {
  padding: 5px;
}
.homepage-tabs .library-entry {
  margin-bottom: 0px;
}

/**Iconography consistency for ws:Discussions in homepage Tabs**/
.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right {
  position: static;
  width: 0%;
  padding: 0;
}
.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.discussion::before {
  content: '\f27a';
  font-family: 'Font Awesome 5 Pro';
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-weight: 300;
  /* color: #CC1313; */
  color: #999;
}
.homepage-tabs .tab-content .Content > ul > li a[id*='_hypCommunityLink_'].LinkPostedIn {
  margin-left: 0px;
  text-decoration: underline;
}
.homepage-tabs .tab-content .Content > ul > li a:hover[id*='_hypCommunityLink_'].LinkPostedIn {
  margin-left: 0px;
  text-decoration: none;
}
.homepage-tabs .tab-content .Content > ul > li a[id*='_lvSearchResults_hypContainerLink_'].LinkPostedIn {
  display: none;
   
}
.homepage-tabs .tab-content .Content > ul > li .ByLine, .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlPostedBy] ~ h5 {
  display: inline-block;
  margin-bottom: 10px;
}
/* .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_], .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_] ~ h5 {
  margin-bottom: 10px;
} */

.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_] p[id*=_lvSearchResults_pDescription_]{
  margin-bottom: 20px;
}

.homepage-tabs .tab-content .Content > ul > li .ByLine.ByLine:not(:empty) + h5:not(:empty) {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid #4b4b4b;
  ;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row {
  padding: 20px 20px 0 20px;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row ~ h5 {
  padding: 0 20px;
}
.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_], .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_] ~ h5 {
  padding: 0px 20px;
}
.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlTags_] .content-tags {
  border-top: 1px solid #e8e8e8;
  padding: 10px 0px 5px 20px;
    margin: 0 -20px;
}
.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlFoundIn_], .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlAttachment_] {
  padding: 0 20px;
  padding-bottom: 15px;
}
.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlFoundIn_] {
  margin-left: 15px;
}
.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlFoundIn_] h5 {
  font-size: 13px;
}
/***Specic spacing for icons on "Help Others" tab***/
.homepage-tabs .tab-content .HLDiscussions.HLLandingControl ul li {
    padding: 20px;
    padding-right: 140px;
}
.homepage-tabs .tab-content .HLDiscussions.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
    position: absolute;
    width: 120px;
    top: -20px;
    right: -140px;
    bottom: -20px;
    background: #FAFAFA;
    font-size: 0;
}
/***Specic spacing for icons on tabs using hlcommon:SearchrResults***/
.homepage-tabs .tab-content .SearchResults.HLLandingControl ul li {
  padding: 0;
  padding-right: 120px;
}
.homepage-tabs .tab-content .SearchResults.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
    position: absolute;
    width: 120px;
    top: -20px;
    right: -140px;
    bottom: -0px;
    background: #FAFAFA;
    font-size: 0;
}
/*.homepage-tabs .tab-content .Content > ul > li div[id*=_pnlFoundIn_] h5::before{
    font-family: 'Font Awesome 5 Pro';
    content:'\f148';
    content:'\f3e5';
    content:'\f124';
    float: left;
    /* -ms-transform: rotate(180deg); */
/* -moz-transform: rotate(180deg); */
/* -webkit-transform: rotate(180deg); */
/* transform: rotate(180deg); */
/*font-size: 10px;
line-height: 1.9;
margin-right: 5px;
font-weight: 600;
}


*/ 

/****Additional Responsiveness Tweaks**/

@media only screen and (max-width: 1000px){
    .home .HLLandingControl.SearchResults .row.title-row .row.title-row {
    display: flex;
    }
    .ContentUserControl{
        padding-left: 15px;
        padding-right: 15px;
    }

}
@media only screen and (max-width: 480px){
    .inline-content-html-editor-container {
        display: none;
    }
}


.homepage-tabs .SearchResults.HLLandingControl .Content > ul > li> .row.title-row{
    padding: 20px 20px 0px;
    
}

.homepage-tabs .tab-content .HLLandingControl.SearchResults .row.title-row .row.title-row, .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlDescription_], .homepage-tabs .tab-content .Content > ul > li div[id*=_pnlFoundIn_]{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;   
}



/**Iconography consistency for ws:Discussions in homepage Tabs**/

/* .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row{
    display: flex;
} */

.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right{
    position: static;
    width: 0%;
    padding: 0;

}

.homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.discussion::before{
    content: '\f27a';
    font-family: 'Font Awesome 5 Pro';
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-weight: 300;
    /* color: #CC1313; */
    color: #999;
}

.tabbed-feed-section-header h2{
  position: relative;

    margin-top: 15px;
    margin-bottom: 15px;
}



/***END - homepage Tabbed navigation***/



@media (max-width: 465px) {

.homepage-tabs .tab-content .SearchResults.HLLandingControl ul li {
    padding: 0;
    padding-right: 60px;
}
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before, .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.discussion::before {
    font-size: 20px;
    left: 30%;
}
.homepage-tabs .ideation-widget > div:last-of-type > div .icon-wrapper.pull-right .label.idea {
    width: 60px;
}
.homepage-tabs .ideation-widget > div:last-of-type > div .icon-wrapper.pull-right .label.idea:before {
    font-size: 20px;
    left: 50%;
}
}


/*** START - EL Update 3.18.21 ***/

/***Consistency for Latest Q&A widget in Homepage Tabs **/


.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul > li .row.title-row{
    margin-bottom: 10px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul > li .row.content-row{
    margin-left: 15px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .row.text-row p {
    margin-bottom: 20px
}


.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-sm-2.col-md-2 > a{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}


.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right {
    position: static;
    width: 0%;
    padding: 0;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label {
    position: absolute;
    width: 120px;
    top: 0px;
    right: 0px;
    bottom: -0px;
    background: #FAFAFA;
    font-size: 0;
}


.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label::before, .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.question::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 26px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-weight: 300;
    color: #999;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label::before, .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.question::before {
    color: #ccc;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label.question::before{
    color: #ccc;
    content: '\f059';   
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul > li .row.content-row h5 {
    font-size: 13px;
}

.homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl .Content ul > li .row.content-row h5 > a{
    margin-left: 0px;
    text-decoration: underline;
}

@media (max-width: 465px){
    .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li {
        padding-right: 80px
    }

    .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label {   
        right: -60px;    
    }

    .homepage-tabs .tab-content .latest-contributed-content-list.HLLandingControl ul li .title-row .col-md-3.pull-right .label::before, .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.question::before  {
        font-size: 20px;
        left: 30%;
    }
}



/* sets the icon color properly - DO NOT CHANGE - for HUG only */
.homepage-tabs .tab-content .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before, .homepage-tabs .tab-content .HLLandingControl.HLDiscussions .Content ul > li > .row.title-row .col-md-3.pull-right .label.discussion::before {
    color: #ccc;
}



/***END - homepage Tabbed navigation***/


/****START - Leaderboard MAM Tabs ****/
#MPOuterMost .leaderboard-tabs .HLEngagement .Content {
    box-shadow:0px 4px 20px rgba(0,0,0,0.05),0px 2px 5px rgba(0,0,0,0.05);
    background:#fff;
    padding:30px 20px;
    border-radius:4px;
}
#MPOuterMost .leaderboard-tabs .HLEngagement .Content .bg-warning {
    margin:0;
}
#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical li {
    border-bottom:none;
}
#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical li:last-of-type {
    margin: 0;
}
#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .Picture {
    /* width:50px;*/
    /* margin-right:10px;*/
    float:left;
}
#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .Picture a {
    width:40px;
    height:40px;
}
#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .row.title-row .col-md-9 a[id*=_EngagementList_NameLink_] {
    font-weight:700;
    text-decoration:none;
    font-size:16px;
    line-height:21px;
    float:left;
}
#MPOuterMost .leaderboard-tabs .HLLandingControl.HLEngagement ul.display-vertical .ByLine {
    color:#484848;
    font-size:13px;
    font-weight:400;
    line-height:18px;
    margin-top:0;
    margin-bottom:0;
    display:block;
    float:left;
    clear: left;
}
#MPOuterMost .leaderboard-tabs .HLEngagement ul.display-vertical .points-label {
    font-weight:700;
    /* text-transform:uppercase;*/
    font-size:10px;
    line-height:12px;
    padding:3px 5px;
    border-radius:5px;
    background-color: #CC1313;
    float:right;
}
.leaderboard-tabs.ContentUserControl.HLLandingControl {
    padding:0;
}
.leaderboard-tabs .nav-tabs {
    border-bottom:none;
}
.leaderboard-tabs .HLLandingControl.HLEngagement {
    margin-top:0;
    padding:0;
    border:none;
    margin-bottom:0;
}
.leaderboard-tabs.HLLandingControl ul.nav-tabs li {
    margin-bottom:0;
    border-bottom:none;
    display:flex;
    flex: 1;
}
.leaderboard-tabs .nav-tabs>li.active>a,.leaderboard-tabs .nav-tabs>li.active>a:hover,.leaderboard-tabs .nav-tabs>li.active>a:focus {
    color:#555;
    cursor:default;
    background-color:#fff;
    border:1px solid #ddd;
    /* border-bottom-color:transparent;*/
    background-color:#eee;
    border-radius:0;
    border:none;
}
.leaderboard-tabs .nav.nav-tabs {
    background-color:#fff;
    border-radius:4px 4px 0 0;
    border:1px solid #ddd;
    margin:0 -1px;
    display:flex;
}
.leaderboard-tabs .nav.nav-tabs li>a {
    margin-right:0;
    border-radius:0;
    border:none;
    flex:1;
    text-align: center;
}
#MPOuterMost .leaderboard-tabs .HLEngagement .Content {
    /*border-top:1px solid #ddd;*/
    border-radius:0 0 4px 4px;
}
/****END - Leaderboard MAM Tabs ****/

/****START Wesley Code for color-picker/react***/

/************ Proteced theme New Bootstrap 4^ Themeing ****/
.text-primary,
.text-primary-graphics {
  color: #000000;
}
.bg-primary,
.bg-primary-graphics {
  background-color: #000000;
}
.border-primary,
.border-primary-graphics {
  border-color: #000000;
}
/******** H* ****/
.bootstrap-4 :not(.no-theme) h2,
.bootstrap-4 :not(.no-theme) .h2,
.bootstrap-4 :not(.no-theme) h3,
.bootstrap-4 :not(.no-theme) .h3,
.bootstrap-4 :not(.no-theme) h4,
.bootstrap-4 :not(.no-theme) .h4,
.bootstrap-4 :not(.no-theme) h5,
.bootstrap-4 :not(.no-theme) .h5 {
  color: #000000;
}
/******** Block Buttons ****/
/**** btn-primary ****/
.bootstrap-4 :not(.no-theme) .btn-primary {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus,
.bootstrap-4 :not(.no-theme) .btn-primary:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-primary:hover {
  opacity: 0.9;
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus {
  box-shadow: 0 0 0 3px #000000;
}

/**** btn-success ****/
.bootstrap-4 :not(.no-theme) .btn-success {
  color: ;
  background-color: #000000;
  border-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-success:hover:not(:disabled) 
.bootstrap-4 :not(.no-theme) .btn-success:focus:not(:disabled) {
  color: ;
  background-color: #000000;
  border-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-success:hover:not(:disabled) {
  opacity: 0.9;
}

/**** btn-danger ****/
.bootstrap-4 :not(.no-theme) .btn-danger {
  color: ;
  background-color: #000000;
  border-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-danger:hover:not(:disabled), 
.bootstrap-4 :not(.no-theme) .btn-danger:focus:not(:disabled) {
  color: ;
  background-color: #000000;
  border-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-danger:hover:not(:disabled) {
  opacity: 0.9;
}

/**** btn-link ****/
.bootstrap-4 :not(.no-theme) .btn-link {
  color: #000000;
}
.bootstrap-4 :not(.no-theme) .btn-link:focus,
.bootstrap-4 :not(.no-theme) .btn-link:hover {
  color: #CC1313;
}

/**** btn-overlay ****/
.bootstrap-4 :not(.no-theme) .btn-overlay {
  color: #000000;
}
.bootstrap-4 :not(.no-theme) .btn-overlay:focus,
.bootstrap-4 :not(.no-theme) .btn-overlay:hover {
  color: #CC1313;
}

/**** btn-card ****/
.bootstrap-4 :not(.no-theme) .btn-card:focus,
.bootstrap-4 :not(.no-theme) .btn-card:hover {
  color: #000000;
}

/**** btn-icon-ctrl ****/
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:focus,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:hover,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:hover > .btn-icon-ctrl,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:focus > .btn-icon-ctrl {
  color: #fff;
  border-color: #000000;
  background-color: #000000;
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:focus > .btn-icon-ctrl {
  box-shadow: 0 0 0 3px #000000;
}

/******** Inline Buttons ****/
/**** btn-inline-link-primary ****/
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary.btn-inline-link-primary {
  color: #000000;
}
.bootstrap-4
  :not(.no-theme)
  .btn-inline-link-primary.btn-inline-link-primary:focus,
.bootstrap-4
  :not(.no-theme)
  .btn-inline-link-primary.btn-inline-link-primary:hover {
  color: #CC1313;
}

/**** btn-inline-icon ****/
.bootstrap-4 :not(.no-theme) .btn-inline-icon:focus,
.bootstrap-4 :not(.no-theme) .btn-inline-icon:hover {
  color: #000000;
}

/********* icon radio group **********/
.bootstrap-4
  :not(.no-theme)
  fieldset.icon-radio-group
  input[aria-checked='true']
  + * {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

/**** special *****/
.bootstrap-4 :not(.no-theme) .library-details .tagit-new .fa.fa-plus-circle,
.bootstrap-4 :not(.no-theme) .hltags ul.tagit input[type='text']::placeholder {
  color: #000000;
}

/****END Wesley Code for color-picker/react***/



/****** START - landing control buttons rework to resolve Related Content Widget conflict******/
div[id*="BottomLink"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}

div[id*="BottomLink"] .col-md-12,
div[id*="pnlMoreLink"] {
    padding: 0;
    text-align: right;
}
div[id*="BottomLink"] a.btn,
.home .HLRecentBlogs a[id*="BlogList_More"].btn,
.top-tile em {
    padding: 0;
    border: none;
    background: transparent;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 16px;
}
div[id*="BottomLink"] a.btn:active{
    box-shadow: none;
}
div[id*="BottomLink"] a::after,
.home .HLRecentBlogs a[id*="BlogList_More"]::after,
.top-tile em::after {
    font-family: FontAwesome;
    content: "\f0da";
    margin-left: 5px;
}
div[id*="BottomLink"] a:hover,
div[id*="BottomLink"] a:focus{
    background: transparent;
    border: none;
}

/****** END - landing control buttons rework to resolve Related Content Widget conflict******/

/****** START - Related Content Widget Spacing******/
.related-results.block .related-result-row .hl-type.block {
  margin-bottom: 15px !important;
  text-align: left !important;
}
.related-results.block .related-result-row .meta-content-date.block {
  margin-bottom: 15px !important;
  margin-top: 2px !important;
}
.related-results.block .related-result-row .owner-name a {
  text-decoration: underline !important;
  color: #666 !important;
}
.related-results.block .related-result-row .owner-name a:hover {
  text-decoration: none !important;
}
.related-results.block .related-result-row h4 {
  font-size: 15px !important;
}
.related-results.block .related-result-row h4 {
  margin-bottom: 15px !important;
}
.related-results.block .related-result-row {
  min-width: 212px !important;
  max-width: 212px !important;
  border-radius: 4px;
  /* box-shadow: 0px 4px 20px rgb(0 0 0 / 5%), 0px 2px 5px rgb(0 0 0 / 5%); */
}
.related-results.block .related-result-row > .col-md-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.related-results-container {
  margin-bottom: 20px;
}
.related-result-row .mt-count {
  background-color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: bold;
}

.related-results .related-result-row a {
  text-decoration: none !important;
}
.related-results .related-result-row a:hover {
  text-decoration: underline !important;
}
@media only screen and (max-width: 768px) {
  .related-results .related-result-row {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/****** END - Related Content Widget Spacing******/

/***Webinar entry type spacing fixes***/

input[value='Take Post-Webinar Evaluation']{
    /* margin-top: 5px; */
    margin-top: 15px;
    /* margin-left: 35px; */
    /* margin-bottom: 15px; */
    background: #CC1313;
    border-color: #CC1313
   
}

/***Normalize styling for consistency on New Search Enhancements release***/

.MPContentArea .faceted-search-main.redesigned-search .refine-by h2 {
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    text-transform: none;
    border-left: none;
}/* Color Picker */
/* VERSION 29 */
/********************* 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: #D20000;  
}  



.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: #D20000;  
}  

/*
a.user-content-mention:hover {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: #D20000; 
} 

/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {


  color: #000000;

/*
  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: #F6F6F6;


  color: #000000;

}    

fieldset {
  border-color: #000000;  
}  

fieldset legend {


  background-color: #000000;


  border-color: #000000;

/*
  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: #CC1313;  
}  


.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #000000;  
}    

/************************ 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: #000000;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #000000;

/*
  color: ;
*/
}    

.lblratingBig {
  color: #000000;  
}  

/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {


  background-color: #000000;

/*
  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: #CC1313;  
}  

/*
#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: #000000;  
}        
/************************ Bootstrap Menus ***********************/  

.navbar-default, #NAV {
  background-color: #CC1313;      
  border-color: #CC1313;  
}  

/*
.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: #000000;

/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #000000;

/*
  color: ;
*/
}    

#MPButtonBar .dropdown-menu {
  background-color: #CC1313;  
}  

/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/

#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: #CC1313;  
  }  

#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: #000000;

/*
  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: #000000;
}


.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: #CC1313;
}
/************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  
  --hl-bs--primary: #000000;
  --hl-bs--selected: #00000026;
  

  /*
  --hl-bs--primary-opposite: ;
  */
  
  /*
  --hl-bs--link: ;
  */

  
  --hl-bs--link-hover: #D20000;
  

  
  --hl-bs--secondary: #CC1313;
  --hl-bs--secondary-selected: #CC131326;
  
}

/* 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;
  */
  
  /*
  --hl-bs--btn-primary-bg: ;
  */
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */
  
  /*
  --hl-bs--btn-success-bg: ;
  */
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */
  
  /*
  --hl-bs--btn-danger-bg: ;
  */
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-link-text: ;
  --hl-bs--btn-link-outline: 7f;
  */

  
  --hl-bs--btn-link-hover: #D20000;
  
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */
}

/* outside */ 
#react-widgets-global-loading-indicator .loading-indicator.loading-indicator {
  
  background: linear-gradient(90deg, #000000, #000000);
  background-color: #00000055;
  background-repeat: no-repeat;
  
}
/******** Colorful utils ****/
/* primary */
.bootstrap-4 :not(.no-theme) .text-primary, 
.bootstrap-4 :not(.no-theme) .text-primary-graphics {
  
  color: #000000 !important;
  
}
.bootstrap-4 :not(.no-theme) .bg-primary,
.bootstrap-4 :not(.no-theme) .bg-primary-graphics {
  
  background-color: #000000 !important;
  
}
.bootstrap-4 :not(.no-theme) .border-primary,
.bootstrap-4 :not(.no-theme) .border-primary-graphics {
  
  border-color: #000000 !important;
  
}
.bootstrap-4 :not(.no-theme) .bg-selected {
  

  background-color: #00000026 !important;
  
}

/* link */
.bootstrap-4 :not(.no-theme) .text-link {
  /*
  color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .bg-link{
  /*
  background-color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .border-link{
  /*
  border-color:  !important;
  */
}

.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h1,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h1,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h2,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h2,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h3,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h3,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h4,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h4,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h5,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h5,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h6, 
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h6, 
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h1,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h2,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h3,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h4,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h5,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h6 {
   
  color: #D20000; 
  
}

/******** Block Buttons ****/  
/**** btn-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-primary {
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  
  background-color: #000000;
  border-color: #000000;
  
  /* 
  background-color: ; 
  border-color:  ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus, 
.bootstrap-4 :not(.no-theme) .btn-primary:hover:not(:disabled)  {
   
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #000000;
  border-color: #000000;
   
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  border-color: ;
  */
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-secondary (aka default) ****/  
.bootstrap-4 :not(.no-theme) .btn-secondary {
  /* 
  color: ; 
  */
  /* 
  background-color: ; 
  */
  /* 
  border-color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .btn-secondary:focus, 
.bootstrap-4 :not(.no-theme) .btn-secondary:hover:not(:disabled)  {
  /* 
  background-color: ; 
  */
  /* 
  outline-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-secondary:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-success ****/
.bootstrap-4 :not(.no-theme) .btn-success {
  /*
  color: ;
  */
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  
  background-color: #000000;
  border-color: #000000;
  
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-success:focus, 
.bootstrap-4 :not(.no-theme) .btn-success:hover:not(:disabled)  {
  
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #000000;
  border-color: #000000;
  
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-success:focus {
  /*
  box-shadow: 0 0 0 3px 7F;
  */
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-danger ****/
.bootstrap-4 :not(.no-theme) .btn-danger {
  /*
  color: ;
  */
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  
  background-color: #000000;
  border-color: #000000;
  
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
  /*
  border-color: ;
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-danger:focus, 
.bootstrap-4 :not(.no-theme) .btn-danger:hover:not(:disabled)  {
  
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #000000;
  border-color: #000000;
  
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
  border-color: 
  */
  /*
  border-color: ;
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-danger:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-link ****/  
.bootstrap-4 :not(.no-theme) .btn-link {
  /* 
  color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .btn-link:focus, 
.bootstrap-4 :not(.no-theme) .btn-link:hover:not(:disabled)  {
   
  color: #D20000; 
  
}



/**** btn-overlay ****/
.bootstrap-4 :not(.no-theme) .btn-overlay {
  /* 
  color: ;
  */ 
}

/**** btn-card ****/  
.bootstrap-4 :not(.no-theme) .btn-card:focus:not(:disabled) .copy-slot.copy-slot.copy-slot.copy-slot .font-size-md, 
.bootstrap-4 :not(.no-theme) .btn-card:active:not(:disabled) .copy-slot.copy-slot.copy-slot.copy-slot .font-size-md, 
.bootstrap-4 :not(.no-theme) .btn-card:hover:not(:disabled) .copy-slot.copy-slot.copy-slot.copy-slot .font-size-md   {
   
  color: #D20000; 
  
}

/**** btn-card meta text ****/
.bootstrap-4 :not(.no-theme) .btn-card span.btn-inline-link-primary,
.bootstrap-4 :not(.no-theme) .btn-card span.btn-inline-link-primary {
    /* 
    color: ;
    */
}

.bootstrap-4 :not(.no-theme) .btn-card:focus span.btn-inline-link-primary,
.bootstrap-4 :not(.no-theme) .btn-card:hover span.btn-inline-link-primary {
     color: #D20000;
    
}

  /**** entry-file-button ****/  
.bootstrap-4 :not(.no-theme) .library-entry-file-button:active:not(:disabled) .file-title,
.bootstrap-4 :not(.no-theme) .library-entry-file-button:focus:not(:disabled) .file-title,
.bootstrap-4 :not(.no-theme) .library-entry-file-button:hover:not(:disabled) .file-title {
   
  color: #D20000; 
  
}

/******** Block Icon Buttons ****/  

/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
.bootstrap-4 :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {
  /*
  color: ;
  */
  /*
  color: ;
  */
  
  background-color: #000000;
  
  /*
  background-color: ;
  */
  
  border: #000000;
  
  /*
  border: ;
  */
}

.bootstrap-4 :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)), #000000;
  
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  */
}

/**** btn-icon-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-icon-primary {
  /* 
  color: ; 
  */
  /* 
  background-color: ; 
  */
  /*
  border-color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .file-item-thumb:focus .btn-icon-primary, 
.bootstrap-4 :not(.no-theme) .file-item-thumb:hover:not(:disabled) .btn-icon-primary  {
  /* 
  outline-color: ; 
  background-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-icon-primary:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary,
 .bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.focus,
 .bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:focus,
 .bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.hover,
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled){
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  
  background-color: #000000;
  border-color: #000000;
  
  /* 
  background-color: ; 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

/**** btn-icon-ctrl ****/  
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl {
  /* 
  color: ; 
  */
  /* 
  background-color: ; 
  */
  /* 
  border-color: ; 
  */
}

/**** file-item-thumb and launch hover icon ****/  

.bootstrap-4 :not(.no-theme) .library-file-item-thumb.library-file-item-thumb .file-thumb-front-side {
   
  background-color: #D20000; 
  
}
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:hover:not(:disabled) .btn-icon-ctrl,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl.focus,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:focus,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl.hover,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:hover:not(:disabled) {
  
  background-color: #D20000;
  border-color: #D20000;
  
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:focus > .btn-icon-ctrl {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/******** Inline Buttons ****/  
/**** btn-inline-link-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary  {
  /* 
  color: ; 
  */
}


.bootstrap-4 :not(.no-theme) .btn-inline-link-primary:focus, 
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary:hover:not(:disabled)  {
   
  color: #D20000; 
  
}

/**** btn-inline-icon ****/  
.bootstrap-4 :not(.no-theme) .btn-inline-icon {
  /* 
  color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .btn-inline-icon:focus, 
.bootstrap-4 :not(.no-theme) .btn-inline-icon:hover:not(:disabled)  {
   
  color: #D20000; 
  
  /*
  color: ;
  */
}

/********* icon radio group **********/
.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input:not([aria-checked="true"]) + * {
  /* 
  color: ; 
  border-color: ; 
  */
  /*
  background-color: ;
  */
}

.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + * {
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  
  background-color: #000000;
  border-color: #000000;
  
  /* 
  background-color: ; 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + *:focus,
.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + *:hover {
  /* 
  background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
  */
}


/********* alt icon botton **********/
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary,
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.focus, 
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:focus, 
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.hover, 
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {
  
  background-color: #000000;
  border-color: #000000;
  
  /* 
  background-color: ; 
  border-color: ; 
  */
}

/********* form control**********/
.bootstrap-4 :not(.no-theme) .form-control:focus {
  
  box-shadow: inset 0 1px 1px #00000008, 0 0 8px #00000060;
  border-color: #000000;
  
}/************************ 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: #000000;
        
     
    color: #D20000;
    
}

/************************ Anchors ***********************/
body.ribbit a{
    /* 
    color: ;
    */
}
body.ribbit a:hover{
     
    color: #D20000;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
     
    color: #D20000;
    
}

/************************ 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: #000000;
    border-color: #000000;
     
    /* 
    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)), #000000;
    border-color: #000000;
     
    /* 
    color: ;
    */
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

    /* 
    color:  !important;
    */ 
     
    background-color: #000000;
    border-color: #000000;
    
}

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)), #000000;
    border-color: #000000;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus {

     
    box-shadow: 0 0 0 3px #0000007F;
    
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    color: ;
    */ 
     
    background-color: #000000;
    border-color: #000000;
    
}

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)), #000000;
    border-color: #000000;
    
}

body.ribbit :not(.no-theme) .btn-success:focus {

     
    box-shadow: 0 0 0 3px #0000007F;
    
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

     
    color: #000000;
    
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

    /* 
    color: ;
    */ 
     
    background-color: #000000;
    border: #000000;
    
}

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)), #000000;
    
}



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: #000000;
    border-color: #000000;
    
}


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 #0000007F;
    
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

     
    color: #000000;
    
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

    /* 
    color: ;
    */ 
     
    background-color: #000000;
    border-color: #000000;
    
}

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)), #000000;
    
     
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #000000; 
    
}


/********* 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: #000000;
    border-color: #000000;
    
}


body.ribbit :not(.no-theme) .primary-button-background-color {

     
    background-color: #000000 !important;
    
}


body.ribbit :not(.no-theme) .primary-button-border-color {

     
    color: #000000 !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: #000000 !important;
    
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

     
    background-color: #000000;
    border-color: #000000;
     
    /* 
    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: #000000;
    border-color: #000000;
     
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .success-button-background-color {

     
    background-color: #000000 !important;
    
}

body.ribbit :not(.no-theme) .success-button-border-color {

     
    color: #000000 !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: #000000 !important;
    
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #000000;
    
}
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: #000000;
     
}

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: #000000;
     
}

/*************** 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: #000000;
    
     
    border-bottom-color: #000000;
     
}

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: #000000;
    
     
    color: #D20000;
    
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
     
    background-color: #000000;
    
}

body.ribbit :not(.no-theme) .row.secondary-row {    
     
    background-color: #CC131390;
    
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
    /* 
    color: ;
    */     
     
    background-color: #000000;
    border-color: #000000;
     
}

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)), #000000;
    border-color: #000000;
    
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
     
    color: #D20000;
    
}

/**** 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: #D20000 !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: #000000 !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: #F6F6F6 !important;
}

  


.footer-text-color {
  color: #000000 !important;
}

  


.primary-color {
  color: #000000 !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: #CC1313 !important;
}

  


.landing-control-title-text-color {
  color: #000000 !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: #000000 !important;
}

  


.table-header-background-color {
  background-color: #000000 !important;
}

  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  

/*
.aux-menu-text-color {
  color:  !important;
}
*/
  


.unselected-menu-background-color {
  background-color: #CC1313 !important;
}

  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  

/*
.breadcrumb-link-color {
  color:  !important;
}
*/
  


.footer-menu-text-color {
  color: #000000 !important;
}

  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  


.selected-menu-background-color {
  background-color: #000000 !important;
}

  

/*
.selected-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  


.hover-menu-background-color {
  background-color: #CC1313 !important;
}

  


.hover-menu-selected-background-color {
  background-color: #000000 !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 */
#MPOuterMost {
    overflow-x: hidden;
    overflow-y: hidden;
}

#Logo img[src$=svg] {
    max-height: 33px;
    max-width: none;
    height: 33px;
    width: auto;
}

.form-control button.btn.dropdown-toggle.btn-default {
    padding: 6px 20px;
}

.HLLandingControl ul:not(.dropdown-menu) li {
    border-bottom: 2px dotted #F6F6F6;
}
.HLLandingControl ul:not(.dropdown-menu) li:last-child {
    border-bottom: 0;
}
#MPContentArea {
    padding-top: 0px;
    min-height: calc(100vh - 131px);
}
.home #MPOuter {
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/HITACHI/82833b2a-6675-4142-a2bd-27d0adb01087/UploadedImages/flash.png);
    background-repeat: no-repeat;
    background-position: bottom 0px right;
    padding-bottom: 50px;
    background-size: 35%;
}
#MPOuterMost .no-profile-image img,
#MPOuterMost .HLLandingControl ul li .no-profile-image img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.no-profile-image,
.no-profile-image:hover,
.no-profile-image:focus {
    text-decoration: none;
}

.no-profile-image .user-initials {
    color: #fff;
    font-weight: 500;
    width: 100%;
    height: 100%;
    background: #000000;
    font-size: 18px;
    padding: 25% 0;
}

.byline-wrap div[id*="pnlFoundIn"] h5>a:last-child {
    display: none;
}

.byline-wrap .ByLine,
.byline-wrap div[id*="pnlFoundIn"] {
    display: inline-block;
    line-height: 35px;
    margin-left: 5px;
}

.byline-wrap {
    display: inline-block;
    color: #b2b3b4;
}
#MPOuterMost .HLLandingControl .ByLine, #MPOuterMost .HLLandingControl h5 {
    color: #b2b3b4;
}

.byline-wrap .ByLine,
.byline-wrap div[id*="pnlFoundIn"],
.byline-wrap .ByLine a,
.byline-wrap div[id*="pnlFoundIn"] a,
.byline-wrap h5 {
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.02em;
    color: #292929;
}

.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"],
.member-dashboard-img a[id*="ImageControl_lnkDisplay"],
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a,
.testimonial .HtmlContent>strong,
.collaborate-link .HtmlContent>a>strong {
    width: 35px;
    height: 35px;
}

.HLLandingControl ul li .row.title-row .col-md-2,
.blogs-block .row.title-row .col-md-1 {
    width: 35px;
}

.SearchResults.HLLandingControl .title-row img {
    max-width: 35px;
    max-height: 35px;
}

.HLLandingControl .row.title-row .row.title-row {
    margin-bottom: 0;
}

/*** eConverse Theme 08/21 - ERS ***/

/*** Colors ***/
:root {
    --primary-color: #cc1313;
    --secondary-color: #292929;
    --black: #000000;
    --white: #ffffff;
    --grey: #F6F6F6;
    --dark-grey: #292929;
    --med-grey: #757575;
}

/*** Fonts ***/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body {
    font-family: neue-haas-grotesk-text, sans-serif;
    letter-spacing: 0.05em;
}

body {
    color: #2d2d2d;
    letter-spacing: 0em;
}

h1 {
    font-weight: 700;
    font-size: 65px;
    line-height: 70px;
    letter-spacing: 3px;
}

h3,
.h3,
.HLLandingControl h3 a {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: .05em;
}
.HLLandingControl h3 a {
    color: var(--black);
}
.HLLandingControl h3 a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

/*** resets ***/
.related-results-container .vertical-align {
    margin-left: 10px;
    margin-right: 10px;
}

.HtmlContent img {
    max-width: 100%;
}

a,
a:hover {
    transition: .3s;
    text-decoration: none;
}
a {
    color: var(--primary-color);
}
a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

#searchColumn .form-control,
.search-bar-top .form-control {
    color: var(--white);
}

.MPheader .search-wrap+.row {
    display: none;
}
#PageTitleH1::before {
    display: none;
}
.interior #PageTitleH1 {
        background-color: var(--black);
}

/* Search */
body {
    position: relative;
}

body.search-open::before {
    content: '';
    position: absolute;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 13, 28, 0.2);
    z-index: 50;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li.search-btn-top {
    padding: 0;
    padding-top: 12px;
}

#searchColumn {
    display: none;
    padding: 10px 15px;
    width: calc(100% + 30px);
    margin: 10px 0;
}

.search-bar-top {
    height: 100px;
    background: transparent;
    padding: 0;
    transition: .3s;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

#searchColumn #MPSearchBlock,
.search-bar-top #MPSearchBlock {
    margin-top: 0;
}

.search-bar-top.open {
    height: 100px;
    padding: 0;
    transition: .3s;
    opacity: 1;
    z-index: 100;
}

.search-bar-top.open>button {
    position: absolute;
    top: 10px;
    right: calc(50% - 585px);
    border: none;
    background-color: transparent;
}

#searchColumn .SearchInputs,
.search-bar-top .SearchInputs {
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03), 0px 3px 10px 2px rgba(0, 0, 0, 0.04);
}

.search-bar-top .form-control,
#searchColumn .form-control {
    height: 100px;
    padding: 15px 0;
    border-radius: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    letter-spacing: .09em;
}

.search-bar-top .input-group {
    padding: 0 calc(50% - 585px);
}


.search-bar-top .form-control::placeholder,
#searchColumn .form-control::placeholder {
    font-style: normal;
    color: #cacaca;
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    letter-spacing: .09em;
}

.search-bar-top button[id*="SearchButton"],
.search-btn-top button,
#searchColumn button[id*="SearchButton"] {
    background: transparent;
    text-align: center;
    padding: 0;
    border-radius: 0;
    border: none;
    height: 30px;
    width: 30px;
    margin-right: 30px;
}

.search-btn-top button {
    background-color: transparent;
    height: 50px;
    width: 22px;
    margin-left: 25px;
    font-size: 22px;
    line-height: 22px;
    margin-right: 0;
}

#searchColumn .form-control,
.search-bar-top .form-control,
.search-bar-top button[id*="SearchButton"]:hover .glyphicon-search::before,
.search-bar-top button[id*="SearchButton"]:focus .glyphicon-search::before,
.search-bar-top.open>button:hover i,
.search-bar-top.open>button:focus i {
    transition: .3s;
    color: var(--black);
}

.search-btn-top i {
    color: #fff;
}

.search-bar-top .glyphicon-search::before,
.search-bar-top.open>button i {
    color: #cacaca;
    transition: .3s;
}

.search-bar-top .glyphicon-search:empty {
    width: auto;
}

.search-bar-top .glyphicon-search::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    font-size: 15px;
}

.search-bar-top .glyphicon-search::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f002';
    font-size: 20px;
}

.input-group-btn button.dropdown-toggle {
    display: none;
}

#searchColumn .form-control::placeholder,
.search-bar-top .form-control::placeholder {
    font-style: normal;
}

#MPheader {
    min-height: 1px;
}

#MPOuterMost.full #MPOuterHeader #HEADER {
    background: var(--primary-color);
    color: var(--white);
    margin-bottom: 25px;
    height: 5px;
}

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

#MPOuterMost.full #MPOuterHeader #HEADER #MPAuxNav a {
    color: var(--white);
}

#MPOuterHeader {
    float: left;
    position: relative;
    z-index: 10;
    width: 100%;
}

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

#MPOuterMost.full #MPOuterHeader #NAV {
    margin-bottom: 25px;
}

#MPOuterMost.full #MPOuterHeader #NAV a {
    letter-spacing: 0.05em;
    font-weight: 700;
}

#MPOuterMost.full #MPOuterHeader #NAV #Welcome_LoginLink {
    background-color: transparent;
    font-weight: 300;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li {
    padding: 5px 20px;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a {
    color: var(--white);
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a {
    padding: 20px 0px 3px;
    border-bottom: 2px solid transparent;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a {
    position: relative;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a:after {
    display: block;
    content: '';
    border-bottom: solid 2px var(--white);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a:hover:after {
    transform: scaleX(1);
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a:after {
    transform-origin: right;
}
#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a:hover:after {
    transform-origin: left;
}

#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a:hover {
    /* border-bottom: 2px solid var(--white); */
}

/* #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav > li > a:hover {
    border-bottom: 2px solid var(--primary-color);
}*/
#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a[href*="discussion"] {
    border: 1px solid var(--white);
    border-radius: 0;
    padding: 20px 20px;
    text-align: center;
}
#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a[href*="discussion"]:after {
    display: none;
}
/* #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav > li > a[href*="discussion"] {
    border: 1px solid var(--dark-grey);
} */
#MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a[href*="discussion"]:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav > li > a[href*="discussion"]:hover {
    background: var(--dark-grey);
    border-color: var(--white);
    color: var(--white);
} */

.HLWelcome {
    padding: 12px 5px 0 0;
}

.home .col-md-8 {
    padding-right: 50px;
}

.main.make-buttons em a, .hero.make-buttons em a {
    border-radius: 0;
    padding: 20px 20px;
    background: var(--white);
    color: var(--primary-color);
    border: none;
}

.main.make-buttons em a:hover, .hero.make-buttons em a:hover  {
    border: none;
}

.main h1, .hero h1 {
    padding: 0;
    color: #ffffff;
}

.home .main, .home .hero {
    padding: 150px 30% 75px calc(50% - 585px);
    margin-bottom: 40px;
    min-height: 300px;
    margin-top: 0;
}

.home .main::before, .home .hero::before {
    display: none;
}

/*** headings ***/
.home h2 span::after,
.community-home h2 span::after,
.community-members .panel-title span::after {
    display: none;
}

.home h2,
.home .h2,
.home .HLLandingControl h2,
.home .HLLandingControl .heading h2,
.event-list h2,
.community-home h2,
.community-members .panel-title {
    border: 0;
}

h2,
.h2,
.HLLandingControl h2,
.HLLandingControl .heading h2,
.community-members .panel-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.09em;
}

/*** Promo Blocks ***/
.ContentItemHtml.promo-block img {
    position: relative;
}

.ContentItemHtml.promo-block .HtmlContent {
    position: relative;
}

.promo-block h3 {
    position: absolute;
    top: 0;
    padding: 25px;
    font-weight: 900;
    font-family: neue-haas-grotesk-display, sans-serif;
    /* text-transform: uppercase; */
    font-size: 30px;
    line-height: 30px;
    max-width: 75%;
}

.promo-block.red-text h3 {
    color: var(--primary-color);
}

.promo-block.white-text h3 {
    color: var(--white);
}

/*** tag/discover buttons ***/
.btn-discover ul {
    list-style: none;
    padding: 0;
}

.btn-discover ul li {
    display: inline-block;
}

.btn-discover ul li a {
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid var(--dark-grey);
    text-decoration: none;
    margin: 3px 0;
    color: var(--dark-grey);
}

.btn-discover ul li a:hover {
    background: var(--dark-grey);
    color: var(--white);
}

/*** Most Active Members ***/
.home .HLLandingControl.HLEngagement ul li {
    border-radius: 0;
    border: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    border-top: 4px solid var(--primary-color);
    padding: 20px 20px 30px;
    transition: .3s;
}

.home .HLLandingControl.HLEngagement ul li:hover {
    transform: translateY(-6px);
    transition: .3s;
}

.home .HLEngagement .row.title-row>.col-md-9,
.home .HLEngagement .row.title-row>.col-md-3 {
    width: 100%;
    margin-top: 8px;
}

.home .HLEngagement .row.title-row {
    flex-direction: column;
    text-align: center;
}

.HLEngagement div.row.content-row>.col-md-3,
.HLEngagement div.row.content-row>.col-md-9 {
    width: 100%;
    text-align: center;
}
.home .HLEngagement .row.title-row .col-md-9 a {
    font-size: 18px;
    color: var(--black);
}

.home .HLEngagement .row.title-row .col-md-9 a:hover,
.home .HLEngagement .row.title-row .col-md-9 a:focus {
    color: var(--primary-color);
    text-decoration: none;
}

.HLEngagement .points-label,
.home .HLEngagement .points-label {
    background: transparent;
    color: var(--med-grey);
    font-weight: 400;
    font-size: 16px;
}


.home .HLEngagement .slick-arrow {
    background-color: #ffffff;
    color: #000000;
}

/****** buttons/tabs/UI ******/
div[id*="BottomLink"] a.btn,
div[id*="More"] a.btn,
.home .HLRecentBlogs a[id*="BlogList_More"].btn,
.top-tile em {
    padding: 20px;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    text-decoration: none;
    text-transform: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

div[id*="BottomLink"] a::after,
div[id*="More"] a::after,
.home .HLRecentBlogs a[id*="BlogList_More"]::after,
.top-tile em::after {
    display: none;
}

div[id*="BottomLink"] .col-md-12,
div[id*="More"] .col-md-12,
div[id*="pnlMoreLink"] {
    text-align: center;
}

.nav-tabs>li>a,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-radius: 0;
    padding: 15px 20px;
}

.btn,
.library-link a,
.make-buttons em a,
.summary-edit em a,
.JoinLeaveLink a[id*="lbJoin"] {
    border-radius: 0;
    padding: 18px 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-decoration: none;
}

.make-buttons.small em a,
.btn.btn-sm {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 1px;
}

div[id*="likeRatingContainer"]>a:not(:last-child) {
    border-bottom-right-radius: 0px;
}

div[id*="likeRatingContainer"]>a:not(:first-child) {
    border-top-left-radius: 0px;
}

.btn.btn-xs {
    padding: 2px 5px;
}

.btn.btn-success,
.btn.btn-primary,
.btn.btn-default,
.btn.btn-delete,
.btn.btn-info {
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
}

.make-buttons em a,
.btn-primary,
.ideation-home .btn-success,
.community-radio .btn-group .btn-primary.dropdown-toggle,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.post-message-contributed-content .validate-contribution .btn-group .dropdown-toggle.btn-default,
.new-ideas .ideation-widget>div>div:last-child a,
.blogs-list .HLLandingControl div[id*="BottomLink"] a,
.btn-success,
.btn-info,
.HL-contact-suggestions .btn-primary,
.btn-group>.btn-success+.dropdown-toggle,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active,
.alert-warning .btn,
.alert-warning .btn-group>.btn.dropdown-toggle:first-child,
.library-link a {
    background: var(--white);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: .3s;
}

.make-buttons em a:hover,
.make-buttons em a:focus,
.btn-primary:hover,
.btn-primary:focus,
.ideation-home .btn-success:hover,
.ideation-home .btn-success:focus,
.community-radio .btn-group .btn-primary.dropdown-toggle:hover,
.community-radio .btn-group .btn-primary.dropdown-toggle:focus,
.open .dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary:focus,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus,
.post-message-contributed-content .validate-contribution .btn-group .dropdown-toggle.btn-default:hover,
.post-message-contributed-content .validate-contribution .btn-group .dropdown-toggle.btn-default:focus,
.new-ideas .ideation-widget>div>div:last-child a:hover,
.new-ideas .ideation-widget>div>div:last-child a:focus,
.blogs-list .HLLandingControl div[id*="BottomLink"] a:hover,
.blogs-list .HLLandingControl div[id*="BottomLink"] a:focus,
.btn-success:hover,
.btn-success:active,
.btn-info:hover,
.btn-info:active,
.HL-contact-suggestions .btn-primary:hover,
.HL-contact-suggestions .btn-primary:active,
.btn-group>.btn-success+.dropdown-toggle:hover,
.btn-group>.btn-success+.dropdown-toggle:focus,
.btn-success:focus,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.alert-warning .btn:hover,
.alert-warning .btn:focus,
.alert-warning .btn:active,
.alert-warning .btn-group>.btn.dropdown-toggle:first-child:focus,
.alert-warning .btn-group>.btn.dropdown-toggle:first-child:hover,
.alert-warning .btn-group>.btn.dropdown-toggle:first-child:active,
.HLLandingControl .btn-default:hover,
.HLLandingControl .btn-default:focus,
.library-link a:hover,
.library-link a:focus {
    border: 1px solid var(--primary-color);
    color: var(--white);
    background: var(--primary-color);
    transition: .3s;
}

/*** "more" links ***/

.more-link em a {
    font-weight: 900;
    color: var(--primary-color);
    border-bottom: 2px solid transparent;
    font-style: normal;
}

.more-link em a:hover {
    border-bottom-color: var(--primary-color);
}

/****** round profile images ******/
.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"],
.member-dashboard-img a[id*="ImageControl_lnkDisplay"],
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a,
.testimonial .HtmlContent>strong,
.collaborate-link .HtmlContent>a>strong {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
}

.list-group-item-image {
    width: 40px;
    height: 40px;
}

.list-group-item-nochild .list-group-item-image {
    width: 20px;
    height: 20px;
}

.Welcome button.btn-default.btn.imgButton {
    background-color: transparent;
    width: 40px;
    height: 40px;
    min-height: 40px;
    border: 2px solid transparent;
    margin-left: 0;
    /* filter: drop-shadow(0px 1px 2px rgba(231, 232, 236, 0.3)); */
    box-shadow: 0px 1px 2px rgba(231, 232, 236, 0.3);
    margin-bottom: -15px;
}

.text-muted-h2 a[id*="ImageControl_lnkDisplay"] {
    width: 140px;
    height: 140px;
    background: #f9f9f9;
}

.member-dashboard .member-dashboard-img a[id*="ImageControl_lnkDisplay"] {
    width: 100px;
    height: 100px;
}

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

a[id*="Welcome_Details_ProfileLink"] {
    width: 60px;
    height: 60px;
}

.testimonial .HtmlContent>strong {
    width: 80px;
    height: 80px;
}

.collaborate-link .HtmlContent>a>strong {
    height: 85px;
    width: 85px;
}

.imgButton img,
a[id*="ProfileImage"] img,
a[id*="UserImageDisplay"] img,
a[id*="Contacts_PictureLink"] img,
a[id*="lnkDisplay"] img,
a[id*="Welcome_Details_ProfileLink"] img,
.list-group-item-image img,
a[title="User Name Image"] img,
a[oldtitle="User Name Image"] img,
.member-dashboard-img img,
.dashboard-col-3 ul li .col-sm-2 a img,
.HLEngagement .Picture a img,
td.ProfilePic>a>img,
.testimonial .HtmlContent>strong>img,
.collaborate-link .HtmlContent>a>strong img {
    position: relative;
    max-height: 100% !important;
    width: auto;
}

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

/****** margins between sections ******/

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

.margin-bottom-50 {
    margin-bottom: 50px;
}

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

.margin-top-30 {
    margin-top: 30px;
}

/****** backgrounds ******/
.bg-grey {
    background: var(--grey);
}

.bg-grey.row-full>.col-md-12 {
    padding-left: 0;
    padding-right: 0;
}


/*** FOOTER ***/
#MPOuterFooter::after {
    display: none;
}

#MPOuterFooter {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.15em;
    overflow: visible;
   /*  margin-top: 50px; */
    font-weight: 500;
}

#MPOuterFooter a,
#MPOuterFooter .HtmlContent p {
    color: var(--black);
    font-size: 12px;
    letter-spacing: 0.07em;
    font-weight: 300;
}

#MPOuterFooter .footer-main-site .HtmlContent a:hover {
    text-decoration: underline;
}

#MPOuterFooter a:hover {
    color: var(--primary-color);
    text-decoration: none;
}
#MPOuterFooter div[class*="col-md-"] {
    padding-left: 0;
    padding-right: 0;
}
#FOOTER .footer-social-links ul {
    list-style: none;
    padding: 0;
    margin-top: -47px;
}

#FOOTER .footer-social-links ul li,
#FOOTER .footer-links ul li {
    display: inline-block;
}

#FOOTER .footer-social-links ul li a {
    padding: 5px;
    /* background: var(--black); */
    color: var(--white);
    border-radius: 50px;
    height: 25px;
    width: 35px;
    display: block;
    text-align: center;
    margin: 0px 4px 20px;
}

#FOOTER .footer-links {
    text-align: right;
    margin-top: 15px
}

#FOOTER .footer-links ul {
    list-style: none;
    padding: 0;
}

#FOOTER .footer-links ul li {
    margin-right: 15px;
}

#FOOTER>.row:first-child {
    margin-bottom: 15px;
}

#FOOTER .footer-copyright {
    text-align: right;
    margin-right: 15px;
}

#MPCopyright {
    display: none;
}
.parallax-mirror {
    background-color: var(--black);
}
@media screen and (max-width: 1200px) {
    #NAV {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home .main, .home .hero  {
        padding-left: 15px;
    }
}
@media screen and (max-width: 1070px) {
    #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li {
        padding: 5px 15px;
    }
    .search-btn-top button {
        margin-left: 10px;
    }
    .HLWelcome {
        margin-right: -20px;
    }
/*** CHANGE HERO IMAGE SOURCE HERE ***/
    .home .main, .home .hero {
        background-image: url('https://higherlogicdownload.s3.amazonaws.com/HITACHI/82833b2a-6675-4142-a2bd-27d0adb01087/UploadedImages/commherocloud.jpg') !important;
        background-repeat: no-repeat;
        background-position: right -300px center !important;
    }
}
@media screen and (max-width: 840px) {
    #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a, #Welcome_LoginLink {
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    #Logo img[src$=svg] {
        width: auto;
    }
    #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li {
        padding: 5px 12px;
    }
    #MainCopy_ContentWrapper .row.row-wide div[class*="section"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    #NAV button.navbar-toggle {
        top: -45px;
    }
    nav.navbar.navbar-default {
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar-nav {
        margin: 0;
    }
    #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a:after {
        display: none;
    }
    #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a {
        border: none;
    }
    #MPOuterMost.full #MPOuterHeader #NAV #MPButtonBar .dropdown-menu li a, .dropdown-menu li a {
        color: #ffffff;
        font-weight: 300;
        padding-left: 25px;
    }
    #MPOuterMost.full #MPOuterHeader #NAV #MPButtonBar .dropdown-menu, .dropdown-menu {
        background: transparent;
    }
    .home #MPOuter {
        background-size: 100%;
    }
}
@media screen and (max-width: 767px) {
    #MPOuter {
        background-size: 95%;
    }
    .row-full .col-md-12, .row-wide .col-md-12, .interior .row-wide div[class*="section"] {
        padding: 0 10px;
    }
/*** CHANGE HERO IMAGE SOURCE HERE ***/
    .home .main, .home .hero {
        padding: 25px;
        background-image: url('https://higherlogicdownload.s3.amazonaws.com/HITACHI/82833b2a-6675-4142-a2bd-27d0adb01087/UploadedImages/2ptLighting_template_copy_2x.jpg') !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .home .main h1, #PageTitleH1, .home .hero h1 {
        font-size: 36px;
        line-height: 40px;
    }
    #Logo img[src$=svg] {
        width: auto;
        /* padding-left: 15px; */
    }
    #NAV {
        margin-top: 0;
    }
    /*.ContentItemHtml.promo-block {
        padding-left: 10px;
        padding-right: 10px;
    }*/
    #FOOTER .footer-links, #FOOTER .footer-copyright, #FOOTER .footer-social-links ul li a {
        text-align: center;
    }
    #FOOTER .footer-links ul li {
        display: block;
    }
    #FOOTER .footer-social-links, #FOOTER .footer-main-site {
        text-align: center;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-toggle {
        background-color: transparent;
        border: none;
    }
    .navbar-collapse {
        background: var(--black);
        min-height: 100vh;
        position: absolute;
        width: 100%;
    }
    .HLWelcome {
        padding-top: 0;
        height: 40px;
    }
    .navbar-default .navbar-toggle.collapsed .icon-bar {
        background-color: var(--white);
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--primary-color);
    }
    #MPOuterMost.full #MPOuterHeader #NAV ul.navbar-nav>li>a {
        font-size: 16px;
    }
}
@media screen and (max-width: 550px) {
    .home .col-md-8 .HLLandingControl ul li {
        padding: 15px;
    }
    .home .col-md-8 .HLLandingControl ul li .row.title-row .col-md-2 {
        width: 26px;
        left: 0;
    }
[id="MainCopy_ctl07_pnlSummaryEdit"] {
border:none;
}
}