/* Background Images and Footer */
#MPOuterHeader { background-image: url('https://higherlogicdownload.s3.amazonaws.com/INFORMS/1102f123-57d2-45c7-8bc4-b823a58496fd/UploadedImages/pro-bono-analytics-solutions.png'); background-repeat: repeat; }
#MPCopyright { clear: both; float: none; text-align: center; }
/* Theme Roller */
/*

Experience HL Theme v1.2
Author: eConverse Social Media
URL: www.econversemedia.com

This theme was hand-crafted with coffee and love by eConverse Social Media. For assistance with additional branding, customization or design of this theme, please contact http://www.econversemedia.com

*/

body {
    padding: 0;
}

#MPOuterMost {
    max-width: 100% !important;
    overflow-x: hidden;
}

.home .MPContentArea {
    padding-bottom: 0;
}

.home .MPContentArea .row-full {
    padding: 0;
}

.alert-warning {
    background-color: #eeeeee;
    border-color: #cccccc;
    color: #888888;
}

div#MPheader:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: #008277;
    position: absolute;
    opacity: .5;
}

#MPOuterHeader {
    background-position: center center;
    background-size: cover;
}

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

#MPOuterMost.full #HEADER, #MPOuterMost.full #BreadCrumb, #MPOuterMost.full #FOOTER, #MPOuterMost.full #MPButtonBar, #MPOuterHeader.stickyNav-wide, #NAV.stickyNav-wide {
    max-width: 100%;
}

.ContentItemHtml .HtmlContent .flip-clock-wrapper {
    width: 660px;
    margin: 30px auto 0;
}

.ContentItemHtml .HtmlContent .flip-clock-divider .flip-clock-label {
    color: #ffffff;
    font-size: 140%;
}

/******** full width sections with background colors ********/

.home .MPContentArea .row-full {
    text-align: center;
}

.home .MPContentArea .row-full .bg-color {
    background-color: #9f1f63;
    color: #ffffff;
    padding: 15px 30px;
    text-align: center;
}

.home .MPContentArea .row-full .bg-grey {
    background-color: #eeeeee;
    padding: 15px 30px;
}

.home .MPContentArea .row-full .bg-color h2 {
    color: #ffffff;
}

.home .MPContentArea .row-full .bg-color p {
    text-align: left;
}

.home .MPContentArea .row-full .bg-color .HtmlContent a.btn {
    background-color: #ffffff;
    color: #9f1f63;
    position: relative;
    bottom: -40px;
    z-index: 2000;
}

.home .MPContentArea .row-full .bg-color .HtmlContent a.btn:hover {
    color: #ffffff;
    background-color: #1c2020;
}

/********** FONTS ***********/

/* headings, body, links, menus, buttons */

h1, h2, h3, h4, h5, .HLLandingControl.HLEngagement a, .SloganText, .breadcrumb, ul.nav, .ContentItemHtml h2, .HLLandingControl .heading h2, .calendary-number, .calendar-month {
    font-family: 'Signika', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn, .HLLandingControl .ByLine, .label-success, .ProfileJobInfo, a.htmlbutton, .register-button a, .make-buttons .HtmlContent a {
    font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, .SloganText {
    font-size: 325%;
    font-weight: normal;
}

h2, .interior h2#Title, .interior .text-muted-h2 h2, .interior .ContentUserControl h2, .interior .text-muted-h2 div.col-md-3 h2 {
    font-size: 250%;
    line-height: 1.1;
}

.HLLandingControl h3 a, .HLLandingControl.HLEngagement a, .community-list h3, .HLLandingControl.HLAnnouncements h3 {
    font-size: 150%;
    line-height: 1.1;
}

h3, .btn, ul.nav, .ProfileJobInfo, a.htmlbutton {
    font-size: 110%;
    font-weight: 300;
}

.library-list h3 {
    font-size: 200%;
}

.btn, .ProfileJobInfo, a.htmlbutton {
    text-transform: uppercase;
}

.MPheader .btn-default, #searchColumn .btn-default {
    font-size: 12px;
}

h4, #MPAuxNav ul.level1 li a, .label-success  {
    font-size: 100%;
}

h5 {
    font-size: 80%;
}

#AuxMenu {
    background-color: transparent;
    padding: 10px;
}

#MPAuxNav ul.level1 li a {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 90%;
    text-decoration: none;
    color: #ffffff;
}

#MPAuxNav ul.level1 li a:hover {
    color: #ffffff;
    font-weight: normal;
}

/********************* Basics **************************/

body {
    color: #565656;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

a {
    color: #008277;
}

a:focus, a:hover {
    text-decoration: none;
    color: #1c2020;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.bodyBackground {
    background-color: #ffffff;
}

.bodyBackground.interior {
}

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

#NAV, #MPheader {
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 0;
}

#NAV {
    background-color: #e4e4e4;
}

@media only screen and (min-width: 992px) {

    div#NAV {
       /* margin-top: -68px;
        margin-bottom: 0px;
        margin-right: 140px;
        float: right; */
    }

}

#MPheader > div.row {
    padding: 0;
}

div#auxskiplinkholder {
 /* position: relative;
  top: -900px; */
}

div#Logo.row {
    background-color: transparent;
    text-align: center;
}

.SloganText {
    color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.MPheader .SloganText.inline span {
    line-height: 1;
    padding-top: 20px;
    font-size: 130%;
    display: block;
    font-weight: 600;
}

.MPheader .SloganText.inline {
    display: block;
    font-size: 250%;
    font-weight: 300;
    max-width: 500px;
    text-align: center;
    margin: 15px auto;
    padding-bottom: 15px;
}

.MPheader .pull-right {
    float: none !important;
    width: 100%;
}

.MPheader .pull-right:first-child {
    float: right !important;
    width: 350px;
}

.MPheader .inline {
    display: inline;
}

#MPSearchBlock {
    margin-top: 0;
    margin-right: 10px;
}

#searchColumn {
    float: right !important;
    max-width: 300px;
}

#MPSearchBlock .form-control {
    border: 3px solid #9f1f63;
    margin-top: 10px;
}

#HEADER {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

#PageTitleH1, .interior h2.ProfileUserName {
    padding: 15px 0;
    font-size: 250%;
    /* max-width: 1200px; */
    margin: 0 auto;
    color: #9f1f63;
}

h1, .Heading1, .interior h2.ProfileUserName {
    color: #9f1f63;
    background-color: transparent;
    font-weight: 600;
}

h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {
    color: #9f1f63;
    background-color: transparent;
    font-weight: 600;
}

.interior h2, .interior h2#Title {
    color: #9f1f63;
    background-color: transparent;
    text-align: left;
    font-weight: 600;
}

.thread-title h2 {
    padding: 20px;
}

h3, .Heading3, h3 a, h3 a:hover {
    /*color: #9f1f63;
    background-color: transparent;*/
}

hr, hr.delimiter, .HLLandingControl ul li {
    border-bottom-width: 2px; 
    border-bottom-style: dotted;
}

.HLLandingControl ul li:last-child {
    border: none;
}

.text-muted {
  color: #b9bcbe;
}

div.row.drItemSubHeader.highlightThread, .highlightThread, div.row.drItemSubHeader {
    background-color: transparent;
    color: #464646;
}

div.row.drItemSubHeader .CommentPanel a {
    color: #464646;
}

.HLWelcome.HLWelcomeHeader {
    float: right;
}

#MPAuxNav {

}

#MPAuxNav ul.level1 li a:last-child {
    border-right: none;
}

.LogoImg {
    position: relative;
}

.interior #ContentColumn.col-md-12 {
    /* padding-left: 0;
    padding-right: 0;*/
}

.row-last {
    padding-bottom: 0;
}

/***** Interior Pages Basics ******/

.interior div#MainCopy_ContentWrapper {
    background-color: transparent;
    border: none;
    max-width: 1200px;
    margin: 0 auto 30px;
    padding-top: 30px;
}

/*********************** Landing Controls ******************/

.ContentUserControl h2, .ContentItemHtml h2 {
    background-color: transparent;
    color: #9f1f63;
}

.HLLandingControl h2, .ContentItemHtml h2 {
    text-align: center;
    margin-top: 0;
    padding: 20px;
}

.row-full .HLLandingControl h2 {
    margin-top: 10px;
}

.row-full .HLLandingControl .heading, .row-full .ContentItemHtml .htmlheading {
    padding: 0;
}

.HLLandingControl h2 {
    color: #9f1f63;
}

.drItemSubHeader {
    text-align: left;
}

/**** ICONS ****/


/*** theme specific icons follow (clr = #9f1f63) ***/

.icon-connect .heading h2, .ContentItemHtml.icon-connect h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-connect-L-clr.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-connect-grey .heading h2, .ContentItemHtml.icon-connect-grey h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-connect-L-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-connect-white .heading h2, .ContentItemHtml.icon-connect-white h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-connect-L-white.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-openbook .heading h2, .ContentItemHtml.icon-openbook h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-book-L-clr.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-openbook-grey .heading h2, .ContentItemHtml.icon-openbook-grey h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-book-L-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-openbook-white .heading h2, .ContentItemHtml.icon-openbook-white h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-book-L-white.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-compass .heading h2, .ContentItemHtml.icon-compass h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-compass-L-clr.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-compass-grey .heading h2, .ContentItemHtml.icon-compass-grey h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-compass-L-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-compass-white .heading h2, .ContentItemHtml.icon-compass-white h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-compass-L-white.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}


/******** general icons to follow *******/

.icon-calendar .heading h2, .ContentItemHtml.icon-calendar h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-speechbubble .heading h2, .ContentItemHtml.icon-speechbubble h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-speechbubble.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-megaphone .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-megaphone.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-people .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-people.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-file .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-file.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
}

.icon-network .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-network.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-calendar-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-calendar-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-speechbubble-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-speechbubble-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-megaphone-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-megaphone-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-people-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-people-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-file-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-file-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-network-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-network-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

/****** SMALL ICONS ******/

.icon-file-small .heading h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-file.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.icon-megaphone-small .heading h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-megaphone.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.icon-twitter-small h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-twitter.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.icon-speechbubble-small .heading h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-speechbubble.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.HLLandingControl .heading, .ContentItemHtml .htmlheading {
    color: #9f1f63;
    background-color: transparent;
}

.ContentUserControl .HLLandingControl, .ContentItemHtml {
    border: none;
}


.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .MPContentArea .ContentItemHtml {
    color: #464646;
    background-color: transparent;
    padding: 60px 10px;
    position: relative;
    line-height: 1.6;
}

/******* Event Control Styles *******/

.home .HLLandingControl.HLEventList .form-group {
    display: block;
}

.date-block, .event-list .date-block {
  background-color: transparent;
  border: 3px solid #008277;
  width: 100%;
  padding: 0;
}

.event-list .calendary-number {
    font-size: 50px;
    margin: 0;
}

.calendar-day {
  display: none;
}

.calendary-number {
  font-size: 40px;
  font-weight: 600;
  margin: -5px;
  color: #008277;
}

.calendar-month {
  text-transform: uppercase;
  background-color: #008277;
  font-weight: 600;
  color: #ffffff;
  padding: 5px 2px;
}

.event-list .calendar-month {
    font-size: 115%;
}

.home .HLEventList .Content .col-md-2 {
    width: 30%;
}

.home .HLEventList .Content .col-md-10 {
    width: 70%;
}

.home .HLEventList .Content .col-md-10 .title-row {
    padding-left: 10px;
}

.HLLandingControl .ByLine {
    color: #9d9d9d;
    text-transform: uppercase;
}

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
    color: #9f1f63;
}

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

.HLLandingControl .Content h3 a:hover, .HLAnnouncements .Content h2 a:hover, .HLRSSReader .Content h2 a:hover {
    color: #1c2020;
    text-decoration: none;
}

.MPheader .Image {
    margin-right: 10px;
    background-color: transparent;
}

.MPheader img.welcome-profile-image {
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
}

.imgButton {
    background-color: transparent !important;
}

#ProfileContainer.pull-right {
    width: 380px;
}

/***** margin fix with profile images *******/

.col-md-8 .title-row .col-md-2.col-md-2 {
    width: 8%;
}

/***** Most Active Members *******/

.HLLandingControl.HLEngagement a {
    color: #9f1f63;
    text-decoration: none;
}

.HLLandingControl.HLEngagement a:hover {
    color: #1c2020;
}

.ContentUserControl > .HLLandingControl.HLEngagement .Content {
    margin: 0 auto;
}

/***** MAM: FULL WIDTH DISPLAY HORIZONTAL *****/

.ContentUserControl > .HLLandingControl.HLEngagement {
    border: none;
    background-image: none;
}

.col-md-12 > .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal, .col-md-12 > .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal {
    /*text-align: left;*/
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li {
    /*text-align: left;*/
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li .Picture, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li .Picture {
    margin-bottom: 10px;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol li .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul li .Picture img {
    height: auto;
    border: none;
    text-align: left;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a {
    color: #9f1f63;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover {
    color: #1c2020;
}

.points-label {
    display: inline-block;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 145%;
    color: #008277;
    font-weight: normal;
    background-color: transparent;
}

/************************ Tabs **********************/

.nav-tabs {
    text-align: left !important;
    width: 100%;
}

.nav-tabs > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #008277;
    margin-right: 0;
    border: 0;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #1c2020;
    background-color: #dddddd;
    border: 0;
}

ul.nav.nav-tabs > li.active, ul.nav.nav-tabs > li:hover {
    background-image: none;
}

/************************ Miscellaneous **********************/



/************************ Menus ***********************/

#SideMenu ul.level1 li ul {
    background-color: #ffffff;
}


/******** BREADCRUMBS **********/

.breadcrumb {
    padding: 20px;
    text-align: center;
    margin-bottom: 0;
}

.breadcrumb li {
    color: #565656;
}

.breadcrumb li a {
}


/************************ Bootstrap Menus ***********************/

ul.navbar-nav {
    margin: 0;
}

ul.navbar-nav li {
    display: inline-block;
    text-align: left;
    float: none;
    background-color: transparent;
}

ul.nav > li:hover, ul.nav > li.active {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

ul.navbar-nav li ul.dropdown-menu li {
    display: block;
    float: none;
    background-color: transparent;
}

ul.navbar-nav li ul.dropdown-menu li ul.dropdown-submenu li {
    background-color: #f0f0f0;
    color: #464646;
}

.navbar-default {
    background-color: transparent;
    border: none;
    max-width: 1200px;
    margin: 0 auto;
}

.navbar-nav > li > a, .navbar-nav > li > a:focus {
    color: #9f1f63;
    padding: 20px 30px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.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: #999999;
    color: #ffffff;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #999999;
    color: #9f1f63;
}

#MPButtonBar ul.navbar-nav li ul.dropdown-menu {
    background-color: #f0f0f0;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 5px solid #ffffff;
}

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

.dropdown-menu > li > a {
    padding: 10px 30px;
}

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

#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: #ececec;
    color: #008277;
}

/************************ Bootstrap Buttons ***********************/

.btn, .make-buttons .HtmlContent a {
    -webkit-border-radius: 6px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius: 6px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-radius: 6px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 13px;
    padding: 15px 20px;
    margin-top: 5px;
}

.register-button {
  padding-bottom: 30px;
}

.register-button a {
    font-size: 15px;
    padding: 15px 20px 15px 60px;
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-ticket-S-white.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #9f1f63;
    border: 4px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.register-button a:hover {
    background-color: #1c2020;
    text-decoration: none;
}

.dropdown-toggle.welcome-toggle {
    max-height: 50px;
    height: 50px;
}

.home .MPContentArea .btn span, a.htmlbutton span {
  font-size: 200%;
  position: relative;
  top: 5px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 10px;
}

h2 a.btn, h2 input {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;    
}

.col-md-4 .col-md-12 .btn-default {

}

.col-md-4 .HLLandingControl .col-md-12, .col-md-8 .HLLandingControl .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.ui-widget-content a.btn-primary, .btn-default, a.htmlbutton {
    background-color: #008277;
    border: none;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
}

.btn-primary, .btn-success, .make-buttons .HtmlContent a {
    background-color: #008277;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary, .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success, .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default, .Content .alert.alert-warning .btn-success:hover, .make-buttons .HtmlContent a:hover {
    background-color: #1c2020;
    border: none;
    color: #ffffff;
    text-decoration: none;
}

.Content .btn-success:hover, .Content .btn-success:focus, .Content .btn-success:active, .Content .btn-default:hover, .Content .btn-default:focus, .Content .btn-default:active, .interior .Content .btn-success:hover {
    background-color: #1c2020;
    color: #ffffff;
}

.welcome-links .btn {
    display: inline-block;
    margin: 5px;   
}

.MPheader .btn-default, #searchColumn .btn-default {
    background-image: none;
    color: #5d5d5d;
    background-color: #ebebeb;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-top: 10px;
}

.MPheader .btn-default:hover, #searchColumn .btn-default:hover, .MPheader .btn-default:focus, .MPheader .btn-default:active, .MPheader .open .dropdown-toggle.btn-default, .btn-community-stats-static:hover {
    color: #5d5d5d;
    background-color: #c3c3c3;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.btn-community-stats-static, .btn-community-stats-static:hover {
    padding: 10px;
}

h2 a.btn, h2 input {
    font-size: 12px;
    padding: 5px;
}

/********** FAT FOOTER *********/

#MPOuterFooter {
    background-color: #1c2020;
    border: none;
    color: #9cacac;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-top: 0;
    position: relative;
}

#MPOuterFooter a {
}

#MPOuterFooter a:hover {
}

#MPBottomMenu {
    max-width: 1200px;
    margin: 0 auto;
}

#MPBottomMenu {
    background-color: transparent;
}

.MPBottomMenu ul li a {
    color: #e0e0e0;
}

.MPBottomMenu ul li a:hover {
    color: #999999;
}

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

#MPCopyright {
    background-color: #0c0e0c;
    text-align: center;
    padding: 10px 20px;
    width:100%;
    font-size: 70%;
}

#MPCopyright span {

}

#MPCopyright a {
    color: #008277;
}

#MPCopyright a:hover {
    color: #e0e0e0;
}
  
ul.FatFooterMenu {
    padding: 15px;
    text-align: center;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1 {
    font-family: 'Signika', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #008277;
    font-size: 120%;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
    border-right: 1px solid #0c0e0c;
    min-height: 130px;
    display: inline-block;
    padding-top:15px;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li:last-child {
    border-right: none;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 {
    padding-left: 0;
    margin-top: 10px;
    max-width: 200px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li {
    padding-left: 18px;
    margin-top: 7px;
    margin-left: -15px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li:hover {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

#MPBottomMenu ul.FatFooterMenu > li {
    padding: 0 25px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li a {
    padding: 5px 10px;
    margin-left: -10px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li a:hover {
    text-decoration: none;
}

/******* Powered by Higher Logic Footer *******/

#MPFooterLink {

}

#MPFooterLink a {

}

/***** MOBILE SPECIFIC ******/

@media screen and (max-width: 900px) {
    
    .MPheader .SloganText.inline span {
        font-size: 200%;
        display: block;
    }
    
    .MPheader .SloganText.inline {
        display: block;
        font-size: 150%;
        width: 100%;
        max-width: none;
        text-align: center;
    }
    
    ul.nav {
        text-align: left;
        margin-top: 0;
    }
    
    ul.nav li {
        display: block;
        padding-bottom: 0;
    }
    
    #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
        min-height: 0;
        display: block;
        padding-top: 20px;
        border: none;
    }
    
}

@media screen and (max-width: 400px) {
    .MPheader .SloganText.inline {
        font-size: 125%;
    }
}

/******* Colour Picker Specifics *******/

/* HTML User Controls same colour as HLLandingControls fix */

.ContentItemHtml h2 {
    /*background-color: ;*/
    
        color: #003896;
        border-color: #003896;
    
    
}

/* change full width rows background color */


    .home .MPContentArea .row-full .bg-color, div#MPheader:before {
        background-color: #003896;
    }
    
    #MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1, #PageTitleH1, .interior h2.ProfileUserName {
        color: #003896;
    }
    

    
.home .MPContentArea .row-full .bg-color p {
        color: #FFFFFF;
}



    .SloganText {
        border-color: #FFFFFF;
    }



.home .MPContentArea .row-full .bg-color a.btn {
    background-color: #DE7008;
    color: #FFFFFF;
}

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



    #MPSearchBlock .form-control {
        border-color: #FFFFFF;
    }
    
    .home .MPContentArea .row-full .bg-color a.btn:hover {
        color: #FFFFFF;
        background: #003896;
    }



/** change Points Label colors - takes on pagination button colors **/


    .points-label, .calendar-month, .register-button a {
        background-color: #003896;
    }
    
    .date-block, .event-list .date-block, .register-button a {
        border-color: #003896;
    }

    .calendary-number, .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a, .register-button a {
        color: #003896;
    }





    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .points-label, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .points-label, .register-button a:hover {
        background-color: #003896;
    }
    
    .register-button a:hover {
        border-color: #003896;
    }
    
    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover, .register-button a:hover {
        color: #003896;
    }




#MPBottomMenu ul.FatFooterMenu li ul.level2 li a {
    color: #003986;
}



#MPBottomMenu ul.FatFooterMenu li ul.level2 li a:hover {
    color: #E87722;
}



#MPCopyright {
    background-color: #84BD00;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
    border-right-color: #84BD00;
}


.make-buttons .HtmlContent a {
    background-color: #84BD00;
    border-color: #84BD00;
    color: #FFFFFF;
}

.make-buttons .HtmlContent a:hover, .make-buttons .HtmlContent a:focus, .make-buttons .HtmlContent a:active {
    /*background-color: ;*/
    /*border-color: ;*/
    color: #FFFFFF;
}/* Color Picker */
/* VERSION 31 */
/********************* Basics **************************/  

body {
  color: #000000;  
}  


a {
  color: #003986;  
}  


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


.hl-linkcolor-background {
  background-color: #003986;  
}  

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

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


a:hover {
  color: #E87722;  
}  



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

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

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


.bodyBackground {
  background-color: #FFFFFF;  
}  


.siteFrame {
  background-color: #FFFFFF;  
}  


#MPOuterMost {
  border-color: #808080;  
}  

h1, .Heading1 {


  color: #003896;

/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {


  color: #000000;

/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {


  color: #000000;

/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {


  background-color: #FFFFFF;


  color: #202225;

}    

fieldset {
  border-color: #003896;  
}  

fieldset legend {


  background-color: #003896;


  border-color: #003896;


  color: #FFFFFF;

}    

.SearchResults .SortBy {
  color: #FFFFFF;  
}      
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/

  color: #003896;

}    

.drItemSubHeader a:not(.skip-header-text-color){
  color: #003896;  
    }  

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {


  border-color: #808080;


  color: #808080;


  background-color: #FFFFFF;

}    

.HLLandingControl .Content a:not(.btn) {
  color: #003986;  
}  


.HLLandingControl .ByLine {
  color: #000000;  
}  


.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #6377A3;  
}  


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

/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/

  color: #003986;

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

}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  

.SloganText {
  color: #FFFFFF;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #003896;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #003896;  
}  

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


  background-color: #003896;


  color: #FFFFFF;

}    

th a, th a:hover  {
  color: #FFFFFF;  
}  


.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: #FFFFFF;  
}    

/************************ Menus ***********************/  

#MPAuxNav ul.level1 li a {
  color: #FFFFFF;  
}  


#MPAuxNav ul.level1 li ul {
  background-color: #003896;  
}  


#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #FFFFFF;  
}  

/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    
.breadcrumb {
  background-color: #84BD00;  
}  


.breadcrumb li {
  color: #000000;  
}  


.breadcrumb li a {
  color: #003986;  
}  


.MPBottomMenu ul li a {
  color: #202225;  
}        
/************************ Bootstrap Menus ***********************/  

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


.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;  
}  

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


  color: #FFFFFF;

}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #DE7008;


  color: #FFFFFF;

}    

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


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


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

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


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  border-color: #003896;  
}  

/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {


  background-color: #003896;

/*
  border-color: ;
*/

color: #FFFFFF!important;

}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {


  background-color: #003896;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-info {


  background-color: #DE7008;

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

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

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {


  background-color: #003896;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.pagination > li > a {


  background-color: #003896;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.pagination > li > a:hover {


  background-color: #003896;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {


  background-color: #FFFFFF;


  color: #000000;

}    
.modal-body, .panel-body {


  background-color: #FFFFFF;


  color: #000000;

}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  

#MPFooterLink {
  background-color: #FFFFFF;  
}  


#MPFooterLink a {
  color: #FFFFCC;  
}  

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


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

:root:root {
  
  --hl-bs--primary: #003896;
  --hl-bs--selected: #00389626;
  

  
  --hl-bs--primary-opposite: #FFFFFF;
  
  
  
  --hl-bs--link: #003986;
  

  
  --hl-bs--link-hover: #E87722;
  --hl-bs--btn-icon-ctrl-bg-hover: #E87722;
  --hl-bs--btn-icon-ctrl-border-hover: #E87722;
  

  
  --hl-bs--secondary: #6377A3;
  --hl-bs--secondary-selected: #6377A326;
  
}

/* 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: #FFFFFF;
  --hl-bs--btn-primary-text-hover: #FFFFFF;
  --hl-bs--btn-primary-outline: #FFFFFF7f;
  
  
  
  --hl-bs--btn-primary-bg: #003896;
  
  
  
  --hl-bs--btn-primary-bg-hover: #003896;
  
  
  /*
  --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: #84BD00;
  
  
  /*
  --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: #FFFFFF;
  --hl-bs--btn-secondary-text-hover: #FFFFFF;
  --hl-bs--btn-secondary-outline: #FFFFFF7f;
  
  
  
  --hl-bs--btn-secondary-bg: #84BD00;
  
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

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

:root:root {
  
  --hl-bs--btn-link-text: #003986;
  --hl-bs--btn-link-outline: #0039867f;
  

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

:root:root {
  
  --hl-bs--btn-ghost-outline: #FFFFFF7f;
  
}

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

  background-color: #00389626 !important;
  
}

/* link */
.bootstrap-4 :not(.no-theme) .text-link {
  
  color: #003986 !important;
  
}
.bootstrap-4 :not(.no-theme) .bg-link{
  
  background-color: #003986 !important;
  
}
.bootstrap-4 :not(.no-theme) .border-link{
  
  border-color: #003986 !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: #E87722; 
  
}

/******** Block Buttons ****/  
/**** btn-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-primary {
  
  color: #FFFFFF;
  
   
  color: #FFFFFF; 
  
  
  background-color: #003896;
  border-color: #003896;
  
   
  background-color: #003896; 
  border-color:  #003896; 
  
  /* 
  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)), #003896;
  border-color: #003896;
   
   
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #003896;
  border-color: #003896;
  
  /* 
  border-color: ;
  */
}

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

/**** btn-secondary (aka default) ****/  
.bootstrap-4 :not(.no-theme) .btn-secondary {
   
  color: #FFFFFF; 
  
   
  background-color: #84BD00; 
  
  /* 
  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 #84BD007F;
  
}

/**** btn-success ****/
.bootstrap-4 :not(.no-theme) .btn-success {
  
  color: #FFFFFF;
  
  
  color: #FFFFFF;
  
  /* 
  color: ; 
  */
  
  background-color: #003896;
  border-color: #003896;
  
  
  background-color: #003896;
  border-color: #003896;
  
   
  background-color: #84BD00; 
  border-color: #84BD00; 
  
  /* 
  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)), #003896;
  border-color: #003896;
  
  
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #003896;
  border-color: #003896;
  
  /* 
  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 #0038967F;
  
   
  box-shadow: 0 0 0 3px #84BD007F;
  
}

/**** btn-danger ****/
.bootstrap-4 :not(.no-theme) .btn-danger {
  
  color: #FFFFFF;
  
  
  color: #FFFFFF;
  
  /* 
  color: ; 
  */
  
  background-color: #003896;
  border-color: #003896;
  
  
  background-color: #003896;
  border-color: #003896;
  
  /* 
  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)), #003896;
  border-color: #003896;
  
  
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #003896;
  border-color: #003896;
  
  /* 
  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: #003986; 
  
}
.bootstrap-4 :not(.no-theme) .btn-link:focus, 
.bootstrap-4 :not(.no-theme) .btn-link:hover:not(:disabled)  {
   
  color: #E87722; 
  
}



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

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

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

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

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

/******** 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: #FFFFFF;
  
  
  color: #FFFFFF;
  
  
  background-color: #003896;
  
  
  background-color: #003896;
  
  
  border: #003896;
  
  /*
  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)), #003896;
  
  
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #003896;
  
}

/**** btn-icon-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-icon-primary {
   
  color: #FFFFFF; 
  
   
  background-color: #84BD00; 
  
  /*
  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: #FFFFFF;
  
   
  color: #FFFFFF; 
  
  
  background-color: #003896;
  border-color: #003896;
  
   
  background-color: #003896; 
  border-color: #003896; 
  
  /* 
  border-color: ; 
  */
}

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

/**** file-item-thumb and launch hover icon ****/  
.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 #0038967F;
  
}

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


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

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

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

.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + * {
  
  color: #FFFFFF;
  
   
  color: #FFFFFF; 
  
  
  background-color: #003896;
  border-color: #003896;
  
   
  background-color: #003896; 
  border-color: #003896; 
  
  /* 
  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)), #003896; 
  
}


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

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

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

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

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

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

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

     
    color: #FFFFFF !important;
     
     
    background-color: #003896;
    border-color: #003896;
    
}

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

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

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


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

     
    color: #FFFFFF;
     
     
    background-color: #003896;
    border-color: #003896;
    
}

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

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

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

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

     
    color: #003896;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #003896;
    border: #003896;
    
}

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



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: #FFFFFF;
     
     
    background-color: #003896;
    border-color: #003896;
    
}


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


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

     
    color: #003896;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #003896;
    border-color: #003896;
    
}

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


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


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

     
    background-color: #003896 !important;
    
}


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

     
    color: #003896 !important;
    
}


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

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

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

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

     
    background-color: #003896;
    border-color: #003896;
     
     
    color: #FFFFFF;
    
}

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

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

     
    background-color: #003896 !important;
    
}

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

     
    color: #003896 !important;
    
}

body.ribbit :not(.no-theme) .success-button-text-color {
     
    color: #FFFFFF !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: #003896 !important;
    
}

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


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #003896;
    
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
     
    color: #FFFFFF !important;
    
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
     
    color: #003896;
     
}

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

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

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: #003896;
    
     
    color: #E87722;
    
}

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

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

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

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
     
    color: #FFFFFF;
    
     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #003896;
    border-color: #003896;
    
}

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

/**** Generated Utils ****/


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

  


.link-color {
  color: #003986 !important;
}

  

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

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


.link-hover-color:hover, .link-hover-color:focus {
  color: #E87722 !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: #FFFFFF !important;
}

  

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

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  


.page-background-color {
  background-color: #FFFFFF !important;
}

  


.border-color {
  color: #808080 !important;
}

  


.primary-heading-text-color {
  color: #003896 !important;
}

  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  


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

  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  


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

  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  


.footer-background-color {
  background-color: #FFFFFF !important;
}

  


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

  


.primary-color {
  color: #003896 !important;
}

  


.text-on-primary {
  color: #FFFFFF !important;
}

  


.table-header-text-color {
  color: #FFFFFF !important;
}

  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  


.landing-control-header-text-color {
  color: #003896 !important;
}

  


.landing-control-border-color {
  color: #808080 !important;
}

  


.landing-control-text-color {
  color: #808080 !important;
}

  


.landing-control-background-color {
  background-color: #FFFFFF !important;
}

  


.landing-control-link-color {
  color: #003986 !important;
}

  


.landing-control-byline-text-color {
  color: #000000 !important;
}

  


.landing-control-sub-title-text-color {
  color: #6377A3 !important;
}

  


.landing-control-title-text-color {
  color: #003896 !important;
}

  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  


.selected-tab-text-color {
  color: #003986 !important;
}

  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.unselected-tab-hover-text-color {
  color: #003986 !important;
}

  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

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


.slogan-text-color {
  color: #FFFFFF !important;
}

  


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

  


.table-alternate-background-color {
  background-color: #FFFFFF !important;
}

  


.aux-menu-text-color {
  color: #FFFFFF !important;
}

  


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

  


.breadcrumb-bar-background-color {
  background-color: #84BD00 !important;
}

  


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

  


.breadcrumb-link-color {
  color: #003986 !important;
}

  


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

  


.unselected-menu-text-color {
  color: #FFFFFF !important;
}

  


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

  


.selected-menu-text-color {
  color: #FFFFFF !important;
}

  


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

  


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

  


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

  


.hover-menu-selected-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-border-color {
  color: #003896 !important;
}

  


.primary-button-background-color {
  background-color: #003896 !important;
}

  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  


.primary-button-text-color {
  color: #FFFFFF !important;
}

  


.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color: #003896 !important;
}

  


.info-button-background-color {
  background-color: #DE7008 !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: #84BD00 !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: #84BD00 !important;
}

  

/*
.default-button-border-color {
  color:  !important;
}
*/
  


.default-button-text-color {
  color: #FFFFFF !important;
}

  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.pagination-activebutton-background-color {
  background-color: #003896 !important;
}

  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  


.pagination-activebutton-text-color {
  color: #FFFFFF !important;
}

  


.pagination-button-background-color {
  background-color: #003896 !important;
}

  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  


.pagination-button-text-color {
  color: #FFFFFF !important;
}

  


.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color: #003896 !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: #FFFFFF !important;
}

  


.popup-window-header-text-color {
  color: #000000 !important;
}

  


.popup-window-background-color {
  background-color: #FFFFFF !important;
}

  


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

  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  


.powered-by-higher-logic-background-color {
  background-color: #FFFFFF !important;
}

  


.powered-by-higher-logic-text-color {
  color: #FFFFCC !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 */
.MPheader img.welcome-profile-image {
    width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
}

div#Logo.row {
    background-color: transparent;
    text-align: center;
}

input[type="submit"], .grecaptcha-logo {margin-top: 15px;}
input[type="radio"], input[type="checkbox"] {margin: 4px 5px 0 0;}

/*2020 Redesign Styles*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 8px; padding-right: 8px;}
.interior div#MainCopy_ContentWrapper {padding-top:36px;}

body {color:#202225; font-size: 14px; line-height: 18px;}
p {margin: 0 0 18px 0;}
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .MPContentArea .ContentItemHtml {color:#202225; padding: 12px 0; line-height: 24px;}
h1, .Heading1, .interior h1, .interior h1#Title, h2, .Heading2, .interior h2, .interior h2#Title, h3, .Heading3, .interior h3, .interior h3#Title {color:#202225; line-height: 1.1; margin-top: 0; margin-bottom: 16px; padding-left:0; padding-right:0;}
h1, .Heading1, .interior h1, .interior h1#Title {font-size: 32px; font-weight: 400;}
h2, .Heading2, .interior h2, .interior h2#Title {font-size: 28px; font-weight: 400;}
h3, .Heading3, .interior h3, .interior h3#Title {font-size: 22px; font-weight: 500;}
#PageTitleH1 {color: #202225; padding: 48px 4px 0;}
.ContentItemHtml h2 {color: #202225!important; text-align: left!important; padding: 0!important;}
.btn-primary {font-size: 16px; font-weight: 400; padding: 20px 30px; text-transform: none;}
.btn-dropdown {text-transform: capitalize; font-size: 16px; font-weight:400; text-align: left; overflow: hidden; text-overflow: ellipsis;}
  .section4 button {padding:16px 30px;}
.dropdown label {font-weight:normal;}
button span.glyphicon-chevron-down {float: right;}
button > div {width: 90%; overflow: hidden; float: left;  text-overflow: ellipsis;}
#clearFiltersButton {vertical-align: super;  text-decoration: none;}
.SloganText {border:none;}

ul.nav {font-size: 16px; line-height: 1.1;}*/

.hpCenter  h1 {margin-top: 80px; margin-bottom: 48px; text-align: center;}
.hpCenter p {text-align:center; margin-bottom:36px;}
.hpCenter a {display:inline-block; margin-bottom: 24px;}
.hpCenter p a:first-child {margin-right: 12px;}
iframe {width:100%;}
.feature {border:#003087 1px solid; padding:0!important; margin-bottom: 12px; width: 47%; display: inline-block; vertical-align: top; margin-right: 12px;}
.feature .HtmlFooter {padding:0!important;}
.feature h4 {margin-top: 0; margin-bottom: 12px;}
.feature p {font-size:12px; line-height:14px; margin-bottom:12px;}
.vertical .txt {width: calc(100% - 122px); padding-left: 12px; display: inline-block; position: relative; top: 12px; vertical-align:top;}
.vertical img {display:inline-grid; width:118px;}
.horizontal .txt {margin: 12px 12px 0;}
.horizontal .txt h4 {min-height:38px;}
.horizontal img {padding-top: 0px;}
.stat {text-align: center; font-size: 24px; font-weight:400;}
.stat .lg {font-size:72px; line-height: 72px;}
.stat .sm {font-size:64px; line-height: 64px;}

.process .step {width: 30%; display: inline-block; vertical-align: top; margin-right:12px; margin-bottom:24px;}
.process .step:last-child {margin-right:0;}
.process .step.bottom p:first-child, .process .step.top p:nth-child(2) {margin-bottom:0;}
.step img {float:left; margin-right: 16px;}
.process .step.top img {margin-bottom:24px;}
.caseStudy {position: relative; left: 12px;}
.card {border:#003087 1px solid; display: inline-flex; padding: 0!important; margin: 0 24px 24px 0; width: 45%;}
.card h4 {color: #003087; font-size: 18px; margin: 0 24px 24px; min-height:38px;}
.card p {font-size: 14px; line-height: 16px; margin: 0 24px 16px;}
.card p:nth-child(4) {min-height: 48px;}
.card .link {background: #003087; color: #fff; text-decoration: none; padding: 8px 24px; display:block;}
.card .link::after {content: ">"; position: relative; left: 25%;}
.card .vis-hide {display:none;}
.card .HtmlFooter {padding:0!important;}
.tag {background: #202225;
    color: #fff;
    padding: 8px;
    width: fit-content;
    margin: 0!important;
    position: relative;
    top: -9px;
    left: -9px;
}
.study .ContentItemHtml {padding:0;}
.study img {margin-bottom: 24px;}
.glance {background:#003087!important; padding:24px!important;}
.glance h3, .glance p {color:#fff;}
.glance .title {margin-bottom:8px;}
.glance .info {font-weight:300; font-size: 36px; line-height: 1.2;}
.callout {background: rgba(0,48,135,.25)!important; padding: 24px!important;}
.callout a:hover, .callout a:focus {color:#003087;}
.highlight .HtmlContent {
    background: #003087;
    padding: 24px;
    display: block;
}
.highlight h3, .highlight p, .highlight a, .highlight a:hover, .highlight a:focus, .highlight h3 a:hover, .highlight h3 a:focus  {color:#fff;}
.highlight h3 {font-weight:normal!important;}
.quote .HtmlContent {font-size: 24px; line-height: 30px;}
.comMem .HtmlContent table td {vertical-align:bottom;}

#MPOuterFooter {border-top:#003087 16px solid;}
.footer {padding: 60px 16px 0!important;}
.footer .column {width: 32%; display: inline-grid; vertical-align:top; margin-bottom: 2%;}
.footer .column p {font-size: 16px; line-height: 18px; margin-bottom: 8px;}
.footer .column:nth-child(5) p:first-child {margin-bottom: 24px;}
.footer .column a {color: #202225; text-decoration:none;}
.footer .column a:hover, .footer .column a:focus, .footer .column a:active {text-decoration:underline;}
.footer .column .social {margin-right:4px;}
i.fab {font-size: 24px;}
.footer .column .logo img {width :160px;}
#MPCopyright {background:#fff;}

@media (min-width: 568px) {
   .vertical .txt {width: calc(100% - 144px);}
  .vertical img {width:140px;}
}

@media (min-width: 768px) {
  .feature {max-width: 370px; width: 46%;}
  .feature {margin-right: 24px; margin-bottom: 24px;}
  .feature h4 {font-size: 18px; margin-top: 0; margin-bottom: 24px;}
  .feature p {font-size:14px; line-height:16px; margin-bottom:18px;}
  .vertical .txt {width: calc(100% - 195px); top: 24px; padding-left:24px;}
  .vertical img {width:190px;}
  .horizontal .txt {margin: 24px 24px 0;}
  .card {width: 30%;}
  .footer {padding: 60px 0 0!important;}
  .footer .column {width: 16%;  margin-bottom: 0;}
  .footer .column:last-child {width: 17%;}
}

@media (min-width: 1024px) {
  body {font-size: 18px; line-height: 24px;}
  p {margin: 0 0 24px 0;}
  h1, .Heading1, .interior h1, .interior h1#Title {font-size: 36px; font-weight: 400;}
  h2, .Heading2, .interior h2, .interior h2#Title {font-size: 32px; font-weight: 400;}
  h3, .Heading3, .interior h3, .interior h3#Title {font-size: 24px; font-weight: 500;}
  #PageTitleH1 {padding: 80px 4px 0;}
  .btn-primary, .btn-dropdown {font-size: 18px;}
  .section4 button {margin-top:34px;}
  .feature {width: 30%;}
   .vertical .txt {width: calc(100% - 145px); top: 24px;}
  .vertical img {width:140px;}
  .process .step {display: inline-grid;}
  .quote .HtmlContent {font-size: 36px; line-height: 43px;}
  .footer .column .logo img {width :190px;}
}

@media (min-width: 1200px) {
  .vertical .txt {width: calc(100% - 195px);}
  .vertical img {width:190px;}
  .horizontal img {padding-top:32px;}
  .stat .lg {font-size: 108px; line-height: 108px;}
  .stat .sm {font-size:72px; line-height: 72px;}
  .process .step {max-width: 180px;}
  .card {width: 31%;}
}

@media (min-width: 1500px) {
  iframe {width:560px;}
}