/* Background Images and Footer */
#MPOuterHeader { background-image: url('/charities/isaca.toronto.on.ca/survey/v1/2020Background.jpg'); background-repeat: repeat; }
/* Color Picker */
/* VERSION 29 */
/********************* Basics **************************/  

body {
  color: #000000;  
}  


a {
  color: #00A4E4;  
}  


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


.hl-linkcolor-background {
  background-color: #00A4E4;  
}  

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

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


a:hover {
  color: #0075A3;  
}  



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

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

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


.bodyBackground {
  background-color: #FFFFFF;  
}  


.siteFrame {
  background-color: #FFFFFF;  
}  


#MPOuterMost {
  border-color: #E2E5E6;  
}  

h1, .Heading1 {


  color: #E2E5E6;

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


  background-color: #FFFFFF;

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


  background-color: #1D2D5C;


  color: #FFFFFF;

}    

fieldset {
  border-color: #E2E5E6;  
}  

fieldset legend {


  background-color: #E2E5E6;


  border-color: #E2E5E6;


  color: #000000;

}    

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

/*
  background-color: ;
*/

  color: #000000;

}    

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

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


  border-color: #FFFFFF;


  color: #000000;


  background-color: #FFFFFF;

}    

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


.HLLandingControl .ByLine {
  color: #000000;  
}  


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


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

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

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

  color: #00A4E4;

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

}  .nav-tabs > li > a {

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

.SloganText {
  color: #FFFFFF;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #E2E5E6;


  color: #000000;

}    

.lblratingBig {
  color: #E2E5E6;  
}  

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


  background-color: #E2E5E6;


  color: #000000;

}    

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


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

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

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


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


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

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


.breadcrumb li {
  color: #1D252C;  
}  


.breadcrumb li a {
  color: #1D252C;  
}  


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

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


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


  color: #FFFFFF;

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


  background-color: #6CB33F;


  color: #FFFFFF;

}    

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


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


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

#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: #1D2D5C;


  color: #000000;

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


  background-color: #E31837;


  border-color: #FFFFFF;


color: #FFFFFF!important;

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


  background-color: #E31837;


  border-color: #FFFFFF;


  color: #FFFFFF;

}    
.btn-info {


  background-color: #E2E5E6;


  border-color: #FFFFFF;


  color: #E31837;

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


  background-color: #B7BABB;


  border-color: #FFFFFF;


  color: #E31837;

}    
.btn-success {


  background-color: #E31837;


  border-color: #FFFFFF;


  color: #FFFFFF;

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


  background-color: #E31837;


  border-color: #FFFFFF;


  color: #FFFFFF;

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


  border-color: #FFFFFF;


  color: #E31837;

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


  background-color: #B7BABB;


  border-color: #FFFFFF;


  color: #E31837;

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


  background-color: #E31837;


  border-color: #FFFFFF;


  color: #FFFFFF;

}    
.pagination > li > a {


  background-color: #FFFFFF;


  border-color: #FFFFFF;


  color: #000000;

}    
.pagination > li > a:hover {


  background-color: #E2E5E6;


  border-color: #FFFFFF;


  color: #000000;

}    
.label-default {


  background-color: #E2E5E6;


  color: #E31837;

}    
.badge, .badge a, a.badge a:hover {


  background-color: #E31837;


  color: #FFFFFF;

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


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

:root:root {
  
  --hl-bs--primary: #E2E5E6;
  --hl-bs--selected: #E2E5E626;
  

  
  --hl-bs--primary-opposite: #000000;
  
  
  
  --hl-bs--link: #00A4E4;
  

  
  --hl-bs--link-hover: #0075A3;
  

  
  --hl-bs--secondary: #000000;
  --hl-bs--secondary-selected: #00000026;
  
}

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

: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-bg: #E31837;
  
  
  
  --hl-bs--btn-success-bg-hover: #E31837;
  

  
  --hl-bs--btn-success-border: #FFFFFF;
  --hl-bs--btn-success-border-hover: #FFFFFF;
  
  
  /*
  --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: #E31837;
  --hl-bs--btn-secondary-text-hover: #E31837;
  --hl-bs--btn-secondary-outline: #E318377f;
  
  
  
  --hl-bs--btn-secondary-bg: #E2E5E6;
  
  
  
  --hl-bs--btn-secondary-bg-hover: #B7BABB;
  

  
  --hl-bs--btn-secondary-border: #FFFFFF;
  --hl-bs--btn-secondary-border-hover: #FFFFFF;
  
}

:root:root {
  
  --hl-bs--btn-link-text: #00A4E4;
  --hl-bs--btn-link-outline: #00A4E47f;
  

  
  --hl-bs--btn-link-hover: #0075A3;
  
}

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

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

  background-color: #E2E5E626 !important;
  
}

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

.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: #000000;
  
   
  color: #FFFFFF; 
  
  
  background-color: #E2E5E6;
  border-color: #E2E5E6;
  
   
  background-color: #E31837; 
  border-color: #E31837; 
  
   
  border-color: #FFFFFF; 
  
}

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

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

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

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

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


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

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

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

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

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


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

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

/************************ Anchors ***********************/
body.ribbit a{
     
    color: #00A4E4;
    
}
body.ribbit a:hover{
     
    color: #0075A3;
    
}

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

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

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

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

     
    color: #000000 !important;
     
     
    background-color: #E2E5E6;
    border-color: #E2E5E6;
    
}

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

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

     
    box-shadow: 0 0 0 3px #E2E5E67F;
    
}


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

     
    color: #000000;
     
     
    background-color: #E2E5E6;
    border-color: #E2E5E6;
    
}

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

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

     
    box-shadow: 0 0 0 3px #E2E5E67F;
    
}

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

     
    color: #E2E5E6;
    
}


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

     
    color: #000000;
     
     
    background-color: #E2E5E6;
    border: #E2E5E6;
    
}

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



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


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 #E2E5E67F;
    
}


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

     
    color: #E2E5E6;
    
}


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

     
    color: #000000;
     
     
    background-color: #E2E5E6;
    border-color: #E2E5E6;
    
}

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


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


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

     
    background-color: #E2E5E6 !important;
    
}


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

     
    color: #E2E5E6 !important;
    
}


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

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

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

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

     
    background-color: #E2E5E6;
    border-color: #E2E5E6;
     
     
    color: #000000;
    
}

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

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

     
    background-color: #E2E5E6 !important;
    
}

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

     
    color: #E2E5E6 !important;
    
}

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

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


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

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

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

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

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: #E2E5E6;
    
     
    color: #0075A3;
    
}

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

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

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

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

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

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


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

  


.link-color {
  color: #00A4E4 !important;
}

  

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

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


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

  


.primary-heading-text-color {
  color: #E2E5E6 !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: #E31837 !important;
}

  


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

  

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


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

  


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

  


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

  


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

  


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

  

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


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  

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

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


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

  

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


.unselected-tab-hover-text-color {
  color: #00A4E4 !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: #E2E5E6 !important;
}

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  

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


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


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

  


.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color: #E31837 !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: #E2E5E6 !important;
}

  


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

  


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

  


.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color: #B7BABB !important;
}

  


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

  


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

  


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

  


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

  


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

  


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

  


.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color: #E2E5E6 !important;
}

  


.label-background-color {
  background-color: #E2E5E6 !important;
}

  


.label-text-color {
  color: #E31837 !important;
}

  


.badge-background-color {
  background-color: #E31837 !important;
}

  


.badge-text-color {
  color: #FFFFFF !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:  !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;
}
*/
  

body {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
.HLLandingControl.HLEngagement a,
.SloganText,
.breadcrumb,
.ContentItemHtml h2,
.HLLandingControl .heading h2,
.calendary-number,
.calendar-month {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  color: #1d252c;
}

.LogoImg,
.SloganText {
  display: block;
  margin: 0 auto;
  color: #ffffff; }

.SloganText {
  margin-bottom: 3rem; }

/* Glyphicons */

.glyphicon {
  color: #000;
}

/* Override the default column */

#MPOuterMost,
#MPOuterMost.wide,
#MPOuterMost.container {
  max-width: none;
}

/* Account & Search */

.Welcome .imgButton,
.Welcome .imgButton img {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.welcome-profile-image {
  height: 45px;
  max-height: 45px !important;
}

.btn-group > .btn + .dropdown-toggle.welcome-toggle {
  height: 47px;
  max-height: 47px !important;
}

.HLWelcomeHeader {
  float: right;
  margin-right: 1em;
}

.btn-group-sm > .btn {
  line-height: 36px;
  padding: 5px 20px;
}

.search-btn-top .HtmlContent {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0.5em;
}

#AuxMenu {
  color: #fff;
}

/* Reorient header background */

#MPOuterHeader {
  background-position: bottom center;
  position: relative;
  z-index: 2;
}

/* White space around the chapter logo */

#Logo {
  text-align: center;
}

#DesktopLogoDiv {
  margin-top: 2em;
  margin-bottom: 4em;
}

/* Shadow effect below header */

#MPOuter:before {
  background: rgba(0,0,0,.75);
  border-radius; 50%;
  content: '';
  display: block;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  height: 20px;
  left: 0;
  margin-top: -15px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

/* Search box */

#AddlContentHeaderTop_ctl03_SearchInputs {
  margin: 1em auto 2em auto;
  max-width: 1200px;
}

#AddlContentHeaderTop_ctl03_SearchInputs .input-group-btn {
  padding-left: 1em; /* Give that search box a little room */
}

#AddlContentHeaderTop_ctl03_SearchInputs .btn-default {
  background-color: #e31837;
  border-color: #e31837;
  border-top-right-radius: 0; /** These two make the two buttons flow together */
  border-bottom-right-radius: 0;
  color: #fff;
}

#AddlContentHeaderTop_ctl03_SearchInputs .btn-default .caret {
  border-top-color: #fff; /* They're doing something clever, so we need this rule to make the glyph white */
}

#AddlContentHeaderTop_ctl03_SearchInputs .btn-default {
  border-top-left-radius: 0; /* THese two make the two buttons flow together */
  border-bottom-left-radius: 0;
}

/* Put the search icon in line */

.HLWelcomeHeader,
.search-btn-top {
  display: inline-block;
}

.search-btn-top {
  color: #fff;
  margin: 5px 1em;
}

/* Main navigation */

#NAV ul.nav {
  text-align: center;
  width: 100%;
}

#NAV ul.nav li {
  float: none;
  display: inline-block;
}

#NAV ul.dropdown-menu {
  text-align: left;
}

#NAV ul.dropdown-menu li {
  display: block;
}

#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: #566285;
  color: #fff;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

/* Buttons */

/*.btn-success {
  color: #e31837;
}*/

.btn-default,
.btn-default:hover {
  color: #221c35;
}

/* Like button */

.ItemRatingCommentPanel .btn-sm {
  background: #e31837;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
}

.ItemRatingCommentPanel .btn-sm + .btn-sm {
  background: #e2e5e6;
  border-top-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  color: #221c35;
  font-weight: normal;
}

/* Centering images of chapter leaders */

.img-responsive[align="middle"] {
  margin: 1em auto;
}

/* Dropdown toggles inside an email settings table */

.email-settings .dropdown-toggle,
.email-settings .dropdown-toggle:hover {
  border: 1px solid #ddd;
}

/* Make the hover background in dropdown menus darker */

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

/* Hide chapter events filter */

/*
#MainCopy_ctl02_ShowFilter,
#MainCopy_ctl02_FilteringOnContainer,
.event-advanced-filter .form-group + .form-group {
  display: none;
  visibility: hidden;
}
 */

/* Footer */

#MPOuterFooter {
  margin-top: 2em;
  padding-top: 2em;
}

#FOOTER a,
#MPAuxNav ul.level1 li a {
  color: #fff;
}

/* Social media buttons in footer */

.social__wrapper {
  margin-bottom: 2em;
  text-align: center;
}

#FOOTER .social__wrapper a.hero-social__link {
  background: #fff;
  border-radius: 50%;
  color: #1d2d5c;
  display: inline-block;
  font-family: 'FontAwesome', sans-serif;
  height: 2em;
  line-height: 2em;
  margin: 0 0.25em;
  font-size: 2em;
  text-decoration: none;
  width: 2em;
}

.social__wrapper .hero-social__link[href*="facebook.com"]::after { content: '\f09a'; }
.social__wrapper .hero-social__link[href*="linkedin.com"]::after { content: '\f0e1'; }
.social__wrapper .hero-social__link[href*="twitter.com"]::after { content: '\f099'; }
.social__wrapper .hero-social__link[href*="youtube.com"]::after { content: '\f167'; }
.social__wrapper .hero-social__link[href*="instagram.com"]::after { content: '\f16d'; }

/* !important is a red flag that your CSS has gone horribly wrong, and here
   it definitely has. We've got inline CSS on the tag in the HTML. There's
   no overriding that with the natural cascade except to use !important. In
   this case, what went wrong is that inline CSS. */

#MPAuxNav,
#AuxMenu,
#AuxMenu ul {
  width: 100% !important;
}

#AuxMenu,
#AuxMenu ul,
#AuxMenu ul li {
  float: none !important;
}

#AuxMenu ul {
  text-align: center;
  width: 100% !important;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary.active:active,
.btn-primary.active:hover {
  background-color: #3276b1 !important;
  border-color: #285e8e !important;
}

#AuxMenu ul li {
  display: inline-block;
}

#AuxMenu ul li + li::before {
  content: '|';
}

#MPAuxNav ul.level1 li a {
  border-right: 0;
  display: inline-block;
  margin: 1em;
  padding: 0;
}

#MPFooter {
  /* So long as this is empty, it's just creating an awkward space. */
  display: none;
  visibility: hidden;
}


/* HIDE LEADERS BUTTON*/

.leaders-toggle.btn {
  display:none;
}

[id*='EventTypeLabel'] {
  display: none;
}

[id*='EventTypeList'].formgroup {
  display: none;
}

#tblAdvanceSearch > div > div > div:nth-child(4) > div > div > button {
  display: none;
}

.upcoming-community-events-page #tblAdvanceSearch > div > div > div:nth-child(2) > div > div > button {
  display: none;
}

/* CONTACTS PAGE PROFILE BASE*/
.section1 {
    display:inherit !important;
}