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

AFFILIATE 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;
}

.home div:empty {
    display: none;
}

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

#MPOuter {
    padding-bottom: 30px;
}

/***** Force full width sticky header/nav *****/

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

/**** media queries ****/

@media only screen and (max-width: 766px) {
    .home div#MPOuter:before {
        display: none;
    }
}

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

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

h1, h2, h3, h4, h5, .HLLandingControl.HLEngagement a, .SloganText, .breadcrumb, ul.nav, .btn {
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.nav {
}

h1, .SloganText {
    font-size: 180%;
    font-style: italic;
    color: #ffffff;
}

.SloganText span {
    font-weight: normal;
}

h2, .HLLandingControl h3 a, .HLLandingControl.HLEngagement a, .community-list h3, .interior h2#Title, .interior .text-muted-h2 h2, .interior .ContentUserControl h2, .interior .text-muted-h2 div.col-md-3 h2 {
    font-size: 150%;
    line-height: 1.1;
}

h3, ul.nav, .ProfileJobInfo {
    font-size: 110%;
}

#searchColumn .btn-default {
    font-size: 9px;
}

#searchColumn {
    max-width: 280px;
}

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

h5 {
    font-size: 80%;
}

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

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

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

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

a {
    color: #f35950;
}

a:focus, a:hover {
    text-decoration: none;
    color: #0f0d0b;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.bodyBackground {
    background-color: #ffffff;
}

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

#MPheader, #MPButtonBar {
    max-width: 1200px;
    margin: 0 auto;
}

#MPheader {
    padding-top: 5px;
}

#NAV {
    background: #5b7f73 url('https://www.neatcreativemedia.com/econverse/themes/affiliate/images/darkline.png') repeat-x top left;
}

#MPheader > div.row {
    float: right;
    padding-top: 0 !important;
}

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

div#Logo.row {
    float: left;
    margin-top: -20px;
    margin-bottom: 15px;
}

#HEADER {
    background: #f35950 url('https://www.neatcreativemedia.com/econverse/themes/affiliate/images/darkline.png') repeat-x bottom left;
}

#PageTitleH1, .interior h2.ProfileUserName {
    border-bottom: none;
}

h1, .Heading1, .interior h2.ProfileUserName {
    color: #0f0d0b;
    background-color: transparent;
}

h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {
    color: #0f0d0b;
}

.interior h2, .interior h2#Title {
    color: #0f0d0b;
    background-color: transparent;
    text-align: left;
}

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

h3, .Heading3, h3 a, h3 a:hover {
    color: #f35950;
}

hr, hr.delimiter, .HLLandingControl ul li {
    border-bottom-color: #ffffff;
}

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

.text-muted {
  color: #848484;
}

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

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

.HLWelcome.HLWelcomeHeader {
    float: right;
}

#MPAuxNav {

}

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

.SloganText, .LogoImg {
}

.LogoImg img {
    display: inline;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

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

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

.home div#MPOuter:before {
  content: " ";
  position: absolute;
  height: 275px;
  width: 100%;
}

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

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

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

.HLLandingControl .heading .form-group {
    display: block;
}

.ContentUserControl h2, .ContentItemHtml h2 {
    background-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
}

.ContentItemHtml h2, .HLLandingControl h2 {
    border-bottom: 2px solid;
    padding: 0 5px 5px;
    margin: 10px 0 0;
}

.ContentItemHtml h2 {
    padding-top: 10px;
    margin-top: 4px;
}

.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {
    color: #0f0d0b;
    background-color: transparent;
}

.drItemSubHeader {
    text-align: left;
}

.icon-calendar h2 {
    background: url('http://www.neatcreativemedia.com/econverse/icons/icon-calendar.png') no-repeat center 10px;
    padding-top: 130px;
    text-align: center;
}

.icon-speechbubble h2 {
    background: url('http://www.neatcreativemedia.com/econverse/icons/icon-speechbubble.png') no-repeat center 10px;
    padding-top: 130px;
    text-align: center;
}

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

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

.icon-file h2 {
    background: url('http://www.neatcreativemedia.com/econverse/icons/icon-file.png') no-repeat center 10px;
    padding-top: 130px;
    text-align: center;
}

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

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

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

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

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

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

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

.HLLandingControl .heading {
    color: #0f0d0b;
}

.ContentItemHtml h2 {
    color: #0f0d0b;
    background-color: transparent;
}

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

.home .ContentUserControl .events-list-table td h2 {
    display: none;
}

.home .ContentUserControl .event-list-item .col-md-2 {
    width: 100%;
}

.date-block, .event-list .date-block {
  background-color: transparent;
  border: 3px solid #f35950;
  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: #f35950;
}

.calendar-month {
  text-transform: uppercase;
  background-color: #f35950;
  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;
}

.drItemSubHeader a {   
    color: #ffffff;
}

.HLLandingControl .Content, .home .ContentItemHtml .Content {
    padding-top: 10px;
}

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml {
    color: #575651;
    padding: 10px;
    position: relative;
}

.interior .ContentUserControl .HLLandingControl::after, .interior .ContentUserControl.HLLandingControl::after {
}

.ContentUserControl.HLLandingControl.HLEngagement::after, .ContentUserControl .HLLandingControl.HLEngagement::after, .home .ContentItemHtml.slideshow-wrapper::after {
    display: none;
}

.HLLandingControl.HLEventList, .HLLandingControl.HLEventList h3 a {

}

.HLLandingControl.HLEventList .heading {
}

/**** slideshow ContentItemHtml reset ****/

.ContentItemHtml.slideshow-wrapper {
    background: transparent;
    padding: 0;
    margin: 0 auto;
    max-width: 1200px;
}

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

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

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

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

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

.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 *******/

.HLEngagement h2 {
    padding-top: 10px;
}

/***** MAM: HORIZONTAL *****/

.ContentUserControl > .HLLandingControl.HLEngagement .heading {
    background-color: transparent;
}

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

.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, /*.col-md-12 > */ .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li {
    margin-right: 8px;
    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.display-horizontal li .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li .Picture img {
    width: 60px;
    height: auto;
    border-top: 4px solid #f35950;
    text-align: center;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .Picture img {
    border-color: #0f0d0b;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a {
    color: #f35950;
    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: #0f0d0b;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.points-label {
    position: relative;
    top: 15px;
    left: -14px;
    padding: 8px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: #f35950;
    color: #ffffff;
}

.label-success {
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .points-label, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .points-label {
    background-color: #868686;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

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

ul.nav.nav-tabs {
    text-align: left !important;
    width: 100%;
    font-size: 90%;
    border: none;
}

.nav-tabs > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-right: 0;
    text-transform: uppercase;
}

.nav-tabs > li > a:hover {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.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;
    border-left-width: 4px;
}


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

.SloganText {
    color: #ffffff;
}

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

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


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

.BreadCrumb {
    max-width: 100%;
    margin: 0 auto;
    background: transparent;
    font-size: 80%;
    font-weight: normal;
}

ol.breadcrumb {
    max-width: 1200px;
    background-color: transparent;
    margin: 8px auto;
}

.breadcrumb li {
    color: #f35950;
    text-transform: uppercase;
}

.breadcrumb li a {
    color: #f35950;
}

.breadcrumb li a:hover {
    color: #dddddd;
}


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

ul.navbar-nav {
    font-weight: normal;
    margin-top: 5px;
}

ul.navbar-nav li {
    
}

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 {
    border: none;
    background-color: #5b7f73;
    color: #ffffff;
}

.navbar-default {
    background-color: transparent;
    border: none;
    margin-top: 4px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    padding: 10px 20px;
    -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: transparent;
    color: #2e433c;
    -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: #5b7f73;
    color: #3b564d;
}

#MPButtonBar .dropdown-menu {
    background-color: #5b7f73;
    border: none;
    border-top: 2px solid #3b564d;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#MPButtonBar .dropdown-menu li a {
    color: #ffffff;
    padding: 10px;
}

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

#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: #3b564d;
    color: #ffffff;
    font-style: oblique;
}

#MPButtonBar .dropdown-menu {

}

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

.btn {
    text-transform: uppercase;
    border-left-style: solid;
    border-left-width: 4px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.btn-sm {
    margin-top: -5px;
    padding: 5px 10px;
}

.col-md-4 .col-md-12 .btn-default {
    float: right;
}

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

.btn-primary, .btn-success, .btn-default, .btn-danger {
    padding: 10px 20px;
}

.btn-success {
    
}

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

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

#searchColumn button.btn-default {
    padding: 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;
    border: none;
    -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.btn {
    font-size: 12px;
    margin-top: -7px;
    padding: 5px;
}

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

#MPCopyright {
    text-align: center;
    padding: 10px 20px;
}

#MPCopyright span {
    float: left;
}

#MPOuterFooter {
    background-color: #0f0d0b;
    border: none;
    color: #ffffff;
    position: relative;
}

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

#MPCopyright {
    margin-top: 50px;
}
  
ul.FatFooterMenu {
    padding: 15px;
    color: #ffffff;
    float: left;
    text-align: left;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1 {
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 110%;
}

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

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

#MPBottomMenu ul.FatFooterMenu li {
    padding-left: 20px;
    margin-top: 35px;
}

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

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

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

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

#MPFooterLink {
    display: none;
}

#MPFooterLink a {
    
}

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

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

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

/** change header background color **/


    #HEADER {
        background-color: #00447C;
    }
    


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

    .points-label, .calendar-month {
        background-color: ;
    }
    
    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li .Picture img, .date-block, .event-list .date-block {
        border-color: ;
    }

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

*/

/*

    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .points-label, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .points-label {
        background-color: ;
    }
    
    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .Picture img {
        border-color: ;
    }
    
    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover {
        color: ;
    }

*//* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  

body {
  color: #343434;  
}  


a {
  color: #008B99;  
}  


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


.hl-linkcolor-background {
  background-color: #008B99;  
}  

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

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

/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/

.bodyBackground {
  background-color: #FFFFFF;  
}  


.siteFrame {
  background-color: #FFFFFF;  
}  

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


  color: #3E4543;

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


  color: #343434;

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


  color: #343434;

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


  background-color: #EBA900;


  color: #FFFFFF;

}    

fieldset {
  border-color: #00447C;  
}  

fieldset legend {


  background-color: #00447C;


  border-color: #00447C;


  color: #FFFFFF;

}    

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

/*
  background-color: ;
*/

  color: #343434;

}    

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

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

/*
  border-color: ;
*/

  color: #343434;


  background-color: #FFFFFF;

}    

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


.HLLandingControl .ByLine {
  color: #343434;  
}  


.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #3D4242;  
}  


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

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

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

  color: #008B99;

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

}  .nav-tabs > li > a {

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

.SloganText {
  color: #FFFFFF;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #00447C;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #00447C;  
}  

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


  background-color: #00447C;


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


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

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

.breadcrumb li {
  color: #343434;  
}  


.breadcrumb li a {
  color: #008B99;  
}  


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

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


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

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


  color: #FFFFFF;

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


  background-color: #00447C;


  color: #FFFFFF;

}    

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


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


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

#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: #00447C;


  color: #FFFFFF;

}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {


  background-color: #008B99;

/*
  border-color: ;
*/

color: #FFFFFF!important;

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


  background-color: #006670;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-info {


  background-color: #6D276A;

/*
  border-color: ;
*/

  color: #FFFFFF;

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


  background-color: #D892D4;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-success {


  background-color: #008B99;

/*
  border-color: ;
*/

  color: #FFFFFF;

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


  background-color: #006670;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-danger {


  background-color: #BF3D51;

/*
  border-color: ;
*/

  color: #FFFFFF;

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


  background-color: #D2707E;

/*
  border-color: ;
*/

  color: #FFFFFF;

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

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


  color: #343434;

}    
.modal-body, .panel-body {


  background-color: #FFFFFF;


  color: #343434;

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


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

:root:root {
  
  --hl-bs--primary: #00447C;
  --hl-bs--selected: #00447C26;
  

  
  --hl-bs--primary-rgb: 0,68,124;
  --hl-bs--selected-rgb: 0,68,124, 50;
  

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

  
  --hl-bs--primary-opposite-rgb: 255,255,255;
  
  
  
  --hl-bs--link: #008B99;
  

  
  --hl-bs--link-rgb: 0,139,153;
  

  /*
  --hl-bs--link-hover: ;
  --hl-bs--btn-icon-ctrl-bg-hover: ;
  --hl-bs--btn-icon-ctrl-border-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--link-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-border-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]

  
  --hl-bs--secondary: #3D4242;
  --hl-bs--secondary-selected: #3D424226;
  

  
  --hl-bs--secondary-rgb: 61,66,66;
  --hl-bs--secondary-selected-rgb: 61,66,66, 50;
  

  
  --hl-bs--secondary-opposite: #E4E4E4;
  

  
  --hl-bs--secondary-opposite-rgb: 228,228,228;
  
}

/* 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-text-rgb: 255,255,255;
  --hl-bs--btn-primary-text-hover-rgb: 255,255,255;
  --hl-bs--btn-primary-outline-rgb: 255,255,255, 127;
  
  
  
  --hl-bs--btn-primary-bg: #008B99;
  

  
  --hl-bs--btn-primary-bg-rgb: 0,139,153;
  
  
  
  --hl-bs--btn-primary-bg-hover: #006670;
  

  
  --hl-bs--btn-primary-bg-hover-rgb: 0,102,112;
  
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */

  [PrimaryButtonBorderColorRGB-StartComment]
  --hl-bs--btn-primary-border-rgb: [PrimaryButtonBorderColorRGB];
  --hl-bs--btn-primary-border-hover-rgb: [PrimaryButtonBorderColorRGB];
  [PrimaryButtonBorderColorRGB-EndComment]
}

:root:root {
  
  --hl-bs--btn-success-text: #FFFFFF;
  --hl-bs--btn-success-text-hover: #FFFFFF;
  --hl-bs--btn-success-outline: #FFFFFF7f;
  

  
  --hl-bs--btn-success-text-rgb: 255,255,255;
  --hl-bs--btn-success-text-hover-rgb: 255,255,255;
  --hl-bs--btn-success-outline-rgb: 255,255,255, 127;
  
  
  
  --hl-bs--btn-success-bg: #008B99;
  

  
  --hl-bs--btn-success-bg-rgb: 0,139,153;
  
  
  
  --hl-bs--btn-success-bg-hover: #006670;
  

  
  --hl-bs--btn-success-bg-hover-rgb: 0,102,112;
  

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

  [SuccessButtonBorderColorRGB-StartComment]
  --hl-bs--btn-success-border-rgb: [SuccessButtonBorderColorRGB];
  --hl-bs--btn-success-border-hover-rgb: [SuccessButtonBorderColorRGB];
  [SuccessButtonBorderColorRGB-EndComment]
  
  
  --hl-bs--btn-danger-text: #FFFFFF;
  --hl-bs--btn-danger-text-hover: #FFFFFF;
  --hl-bs--btn-danger-outline: #FFFFFF7f;
  

  
  --hl-bs--btn-danger-text-rgb: 255,255,255;
  --hl-bs--btn-danger-text-hover-rgb: 255,255,255;
  --hl-bs--btn-danger-outline-rgb: 255,255,255, 127;
  [DangerButtonTextColorRGb-EndComment]
  
  
  --hl-bs--btn-danger-bg: #BF3D51;
  

  
  --hl-bs--btn-danger-bg-rgb: 191,61,81;
  
  
  
  --hl-bs--btn-danger-bg-hover: #D2707E;
  

  
  --hl-bs--btn-danger-bg-hover-rgb: 210,112,126;
  

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

  [DangerButtonBorderColorRGB-StartComment]
  --hl-bs--btn-danger-border-rgb: [DangerButtonBorderColorRGB];
  --hl-bs--btn-danger-border-hover-rgb: [DangerButtonBorderColorRGB];
  [DangerButtonBorderColorRGB-EndComment]

}

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

  [DefaultButtonTextColorRGB-StartComment]
  --hl-bs--btn-secondary-text-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-text-hover-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-outline-rgb: [DefaultButtonTextColorRGB], 127;
  [DefaultButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */

  [DefaultButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-rgb: [DefaultButtonBackgroundColorRGB];
  [DefaultButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  [DefaultButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-hover-rgb: [DefaultButtonHoverBackgroundColorRGB];
  [DefaultButtonHoverBackgroundColorRGB-EndComment]

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

  [DefaultButtonBorderColorRGB-StartComment]
  --hl-bs--btn-secondary-border-rgb: [DefaultButtonBorderColorRGB];
  --hl-bs--btn-secondary-border-hover-rgb: [DefaultButtonBorderColorRGB];
  [DefaultButtonBorderColorRGB-EndComment]
}

:root:root {
  
  --hl-bs--btn-link-text: #008B99;
  --hl-bs--btn-link-outline: #008B997f;
  

  
  --hl-bs--btn-link-text-rgb: 0,139,153;
  --hl-bs--btn-link-outline-rgb: 0,139,153, 127;
  

  /*
  --hl-bs--btn-link-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--btn-link-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]
}

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

  
  --hl-bs--btn-ghost-outline-rgb: 255,255,255, 127;
  
}

:root:root {
  
  --hl-bs--footer-color: #FFFFFF;
  

  
  --hl-bs--footer-color-rgb: 255,255,255;
  

  
  --hl-bs--footer-color-opposite: #EBA900;
  

  
  --hl-bs--footer-color-opposite-rgb: 235,169,0;
  
}/************************ 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: #00447C;
        
    /* 
    color: ;
    */
}

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

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

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

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

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

     
    background-color: #00447C;
    border-color: #00447C;
     
     
    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)), #00447C;
    border-color: #00447C;
     
     
    color: #FFFFFF;
    
}

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

     
    color: #FFFFFF !important;
     
     
    background-color: #00447C;
    border-color: #00447C;
    
}

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

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

     
    box-shadow: 0 0 0 3px #00447C7F;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #00447C;
    border-color: #00447C;
    
}

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

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

     
    box-shadow: 0 0 0 3px #00447C7F;
    
}

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

     
    color: #00447C;
    
}


/**** 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: #00447C;
    border: #00447C;
    
}

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



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


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 #00447C7F;
    
}


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

     
    color: #00447C;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #00447C;
    border-color: #00447C;
    
}

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


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


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

     
    background-color: #00447C !important;
    
}


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

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

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

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

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

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

     
    background-color: #00447C !important;
    
}

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

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

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


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

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

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

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: #00447C;
    
    /* 
    color: ;
    */
}

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

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

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

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

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

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


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

  


.link-color {
  color: #008B99 !important;
}

  

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

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

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

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

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


.outer-background-color {
  background-color: #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:  !important;
}
*/
  


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

  

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


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

  

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


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

  

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

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


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

  


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

  


.primary-color {
  color: #00447C !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: #343434 !important;
}

  

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


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

  


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

  


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

  


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

  


.landing-control-sub-title-text-color {
  color: #3D4242 !important;
}

  


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

  

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

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


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

  

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


.unselected-tab-hover-text-color {
  color: #008B99 !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: #00447C !important;
}

  


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

  


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

  


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

  

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


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  

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


.primary-button-background-color {
  background-color: #008B99 !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: #006670 !important;
}

  


.info-button-background-color {
  background-color: #6D276A !important;
}

  

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


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

  


.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color: #D892D4 !important;
}

  


.success-button-background-color {
  background-color: #008B99 !important;
}

  

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


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

  


.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color: #006670 !important;
}

  


.danger-button-background-color {
  background-color: #BF3D51 !important;
}

  

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


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

  


.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color: #D2707E !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: #008B99 !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: #FFFFFF !important;
}

  


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

  


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

  


.popup-window-text-color {
  color: #343434 !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 */
body {
    font-family: Calibri;
    font-weight: normal;
   font-size: 16px;

}

p {
    font-family: Calibri;
    font-weight: normal;
   font-size: 14px;

}



h1, h2, h3, h4, h5, .HLLandingControl.HLEngagement a, .SloganText, .breadcrumb, ul.nav, .btn {
       font-family: Calibri;
}

#MPAuxNav ul.level1 li a {
   font-family: Calibri;
    font-size: 95%;
    text-decoration: none;
    font-weight: normal;
}

h1, .SloganText {
    font-size: 150%;
   font-family: Calibri;
    font-style: normal;
}

.ContentItemHtml h1 {
     color: #3E4543;
}

.ContentItemHtml h2 {
     color: #3E4543;
     border: 0;
}

h3, ul.nav, .ProfileJobInfo {
    font-size: 100%;
    padding-bottom: 18px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 0 !important;
}

div#Logo.row {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}


.interior div#MainCopy_ContentWrapper  {
       padding-top: 10px;
}

.HLLandingControl ul li, div .event-list-item,
.include-ul li, .display-horizontal li
 {
    border: 1px solid #5555 !important;
    margin-bottom: 2rem !important;
    padding: 1rem!important;
}

div#MainCopy_ctl05_ContentPanel div.ByLine,
 #MainCopy_ctl05_ContentPanel h5,
 .HLLandingControl .ByLine
 {
    font-weight: 900;
}

 #MainCopy_ctl05_ContentPanel div img,
  .Image {
   border-radius: 100%;
}

.row.title-row div h3 {
    font-weight: 600;
}

.row.event-list-item.no-margin .row div h3 a {
 color: #339999;
}

.Welcome .imgButton img {
    border-radius: 100%;
}

.home .HLLandingControl .Content .HLContainer {
    contain: content;
}


#ViewerBox.Content {
   padding-left: 10%;
   padding-bottom: 2%;
}

.bold {
    font-weight: bold;
}

.padding-30L {
    padding-left: 30px;
}

.padding-20T {
    padding-top: 20px;
}


.center {
    text-align: center; 
}

.background-ltgray {
      background-color:#f0f0f0;
}


.background-white {
     background-color: #ffffff;
}

.threesides-border {
  border-top: 2px solid #00447C;
  border-right:  2px solid #00447C;
  border-left:   2px solid #00447C;
  border-radius: 10px 10px 0px 0px;
}


.threesides-border-bottom {
  border-bottom: 2px solid #00447C;
  border-right:  2px solid #00447C;
  border-left:   2px solid #00447C;
  border-radius: 0px 0px 10px 10px;
}


.rounded-corners {
     border-radius: 50%;
}



/************   Buttons Custom CSS **************/ 
.btn-register {
	font-size: 26px;
       background-color: #E4E4E4;
      padding: 10px;
       text-align: center;
       color: #000000;
       border-radius: 5%;
}

.btn-nav {
    background-color: #00447C;
    border-color: #00447C;
    color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-nav:hover {
    background-color: #3D4242;
    border-color: #00447C;
    color: #ffffff;
}

.btn-heading {
    background-color: #fff;
    border-color: #707070;
    border-style: solid;
    border-left-width: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-radius: 10px 10px 0px 0px;
    color: #00447C;
}

.btn-success {
    color: #fff;
    border-color: #EBA900;
}



/*===========socials ============*/

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    padding:0;
    list-style: none;
    margin-top: 10px;
    margin-left:-400px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}

.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}

.fa-facebook:hover {
    background-color: #3d5b99;
    border-radius: 25px;
}

.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}

.fa-twitter:hover {
    background-color: #00aced;
    border-radius: 25px;
}

.fa-instagram {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-instagram:hover {
    background-color: #3d5b99;
    border-radius: 25px;
}



/*************** Cards STRUCTURE *************/

.cardwrapper {
	padding: 5px;
	max-width: 1100px;
	width: 95%;
	margin: 20px auto;
}

.cardcolumns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.cardcolumn {
	flex: 1;
	border: 1px solid gray;
	margin: 2px;
	padding: 10px;
       background-color: #ccc;
        text-align: center;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

.cardcolumnnoborder {
	flex: 1;
	border: 0px
	margin: 2px;
	padding: 35px 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

@media screen and (max-width: 980px) {
  .cardcolumns .cardcolumn .cardcolumnnoborder {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.cardcolumns .cardcolumn .cardcolumnnoborder {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}


.btn-group:not([data-toggle='buttons'])>.btn, .btn-group-vertical>.btn {
    display: inline-block;
}