/* Background Images and Footer */
/* Color Picker */
/* VERSION 26 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/
/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {

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

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

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

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/
/*
  color: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    /*
  background-color: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {

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

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

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

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

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 
/* outside */ 
#react-widgets-global-loading-indicator .loading-indicator.loading-indicator {
  /*
  background: linear-gradient(90deg, , );
  background-color: 55;
  background-repeat: no-repeat;
  */
}
/******** Colorful utils ****/
/* primary */
.bootstrap-4 :not(.no-theme) .text-primary, 
.bootstrap-4 :not(.no-theme) .text-primary-graphics {
  /*
  color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .bg-primary,
.bootstrap-4 :not(.no-theme) .bg-primary-graphics {
  /*
  background-color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .border-primary,
.bootstrap-4 :not(.no-theme) .border-primary-graphics {
  /*
  border-color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .bg-selected {
  /*

  background-color: 26 !important;
  */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

.bootstrap-4 :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  */
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  */
}

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

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

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

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

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

.bootstrap-4 :not(.no-theme) .library-file-item-thumb.library-file-item-thumb .file-thumb-front-side {
  /* 
  background-color: ; 
  */
}
.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: ;
  border-color: ;
  */
}

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

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


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

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

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

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

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


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

/********* form control**********/
.bootstrap-4 :not(.no-theme) .form-control:focus {
  /*
  box-shadow: inset 0 1px 1px 08, 0 0 8px 60;
  border-color: ;
  */
}
/**** Generated Utils ****/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

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

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

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

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

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

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

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
/* MCS edit */

/*** accordions ***/

.accordion-heading button {
	font-size: 16px;
	font-weight: 400;
	color: #0cbae0;
	/* change link colour */
	background: #fff;
	padding: 15px 10px;
	margin: 0;
	border: none;
	border-top: 1px solid #f4f4f4;
	cursor: pointer;
	transition: .3s;
	display: block;
	width: 100%;
	text-align: left;
}

.accordion-heading button:hover,
.accordion-heading h3:focus {
	color: #333;
	/* change link hover colour */
	transition: .3s;
}

.accordion-heading button::before {
	font-family: IDUG;
	/* change to appropriate kit/unicode */
	content: '\f010';
	/* plus icon */
	margin-right: 10px;
}

.open .accordion-heading button::before {
	font-family: IDUG;
	/* change to appropriate kit/unicode */
	content: '\f00f';
	/* minus icon */
}

.accordion-text {
	display: none;
}

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

.accordion-wrap {
	margin-bottom: 15px;
}

/*** bulleted link list ***/

.link-list ul {
	padding-left: 0;
	margin-top: 20px;
}

.link-list ul li {
	padding: 20px 10px;
	border-top: 1px solid #f4f4f4;
	list-style-type: none;
}

.link-list ul li:last-child {
	border-bottom: 1px solid #f4f4f4;
}

.link-list ul li a {
	font-family: interstate, sans-serif;
	/* change font/styles */
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	padding-left: 40px;
	position: relative;
	display: block;
}

.link-list ul li a::before {
	font-family: IDUG;
	/* change to appropriate kit/unicode */
	content: '\f013';
	/* chain link icon */
	color: #0053a0;
	/* change static icon colour */
	position: absolute;
	left: 10px;
}

.link-list ul li a[target*="blank"]::before {
	content: '\f014';
	/* new window icon */
}

.link-list ul li a:hover::before,
.link-list ul li a:focus::before {
	color: #333;
	/* change hover icon colour */
}

/*** interior highlight tile ***/
.highlight-tiles,
.highlight-tiles-column > .col-md-9,
.highlight-tiles-column > .col-md-8 {
	display: flex;
}
.highlight-tiles-column > .col-md-9,
.highlight-tiles-column > .col-md-8 {
	padding-left: 0;
	padding-right: 0;
}
.highlight-tiles > div,
.highlight-tiles-column > .col-md-9 > div,
.highlight-tiles-column > .col-md-8 > div {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 33%;
	display: flex;
}
.highlight-tiles.row-4 > div {
	flex-basis: 25%;
}
.highlight-tiles.row-2 > div {
	flex-basis: 50%;
}
.highlight-tiles-column > .col-md-9 > div,
.highlight-tiles-column > .col-md-8 > div {
	margin-left: 15px;
	margin-right: 15px;
	flex-basis: calc(33.3333333333% - 30px);
	flex-direction: column;
}
.highlight-tile,
.shadow-tile {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.06);
	padding: 20px 30px;
	margin-bottom: 20px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.highlight-tile {
	max-width: 600px;
}
.highlight-tile h2,
.highlight-tile h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.highlight-tile h4 {
	margin-top: 10px;
	margin-bottom: 0;
}

/* profile buttons */

.leadership .highlight-tile {
	padding-bottom: 70px;
	position: relative;
}
.highlight-tile h6 {
	border-top: 1px solid #e5e8eb;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.highlight-tile h6 a {
	color: #343741;
	font-weight: 600;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.5;
}
.highlight-tile h6 a:hover,
.highlight-tile h6 a:focus {
	color: #0cbae0;
}
.highlight-tile h6 a::before {
	color: #0cbae0;
	margin-right: 8px;
	font-size: 16px;
	font-family: IDUG;
	font-weight: 400;
}
.highlight-tile h6 a:first-child {
	margin-right: 20px;
}
.highlight-tile h6 a:first-child::before {
	content: '\f016';
}
.highlight-tile h6 a:last-child::before {
	content: '\f018';
}

/*** line ***/

hr {
	border: none;
	height: 1px;
	color: #f4f4f4;
	background-color: #f4f4f4;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

/* stop the content overflowing to the sides, especially with negative margins on .row */

#MPOuterMost {
	overflow-x: hidden;
}

/* hide .HtmlFooter and .MPBottomMenu, both of which add extra padding/whitespace */

.HtmlFooter,
.MPBottomMenu {
	display: none;
}

/* remove bottom margin from empty paragraphs (eg. in widgets) to avoid whitespace */

p:empty {
	margin-bottom: 0;
}

/* this one's not HL-specific */

/* centres all background images created using the bg image JS/ajax calls for images */

.bg-image,
.img-container {
	background-size: cover;
	background-position: center;
}

/* avoids 1px tall sections, especially when they hold JS but no content */

/* can be less specific, but might break other HL functionality */

.home .col-md-12[class*="section"] {
	min-height: 0;
}

/* allows for word breaking for emails and profile inbox messages */

body {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* overrides the above word breaking for yes/no toggle buttons in create event */

#event-additional-details-container {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
}

/* resets the padding on col-md-12 full-width sections */

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

.row-full .section1,
.row-full .section5,
.row-full .section9,
.row-full .section10,
.row-full .section16,
.row-full .section17,
.row-full .col-md-6[class*="section"],
.row-full .col-md-8[class*="section"],
.row-full .col-md-4[class*="section"] {
	padding-left: 15px;
	padding-right: 15px;
}

/* reset alerts to neutral colours */

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

/*** margins ***/

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

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

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

/*** fonts ***/

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.5;
}

.p-large p {
	font-size: 19px;
}

h1,
.h1 {
	color: #05182d;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.25;
}

h2,
.h2 {
	color: #05182d;
	font-weight: 400;
	font-size: 26px;
	line-height: 1.4;
}
.no-margin-top-h2 h2 {
	margin-top: 0;
}
.home .HLLandingControl h2,
.home .HLLandingControl .heading h2 {
	padding-left: 10px;
	border-left: 2px solid #0cbae0;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 20px;
}

h3,
.h3,
.HLLandingControl h3 a,
.HLLandingControl .heading h3 a,
.event-list h3 a {
	color: #0053a0;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	text-decoration: none;
}

.HLLandingControl h3 a:hover,
.HLLandingControl h3 a:focus,
.HLLandingControl .heading h3 a:hover,
.HLLandingControl .heading h3 a:focus,
.event-list h3 a:hover,
.event-list h3 a:focus {
	color: #05182d;
	text-decoration: underline;
}
h4,
.h4 {
	color: #05182d;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

#MPAuxNav ul.level1 li a,
#Welcome_LoginLink,
.search-bar-top .form-control,
#searchColumn .form-control,
.email-content a,
.member-dashboard .btn-close,
.member-dashboard .btn-close + .btn-default,
.HLWelcome .Welcome > .btn-group,
.my-dashboard-button,
.home .HLLandingControl.HLEngagement .points-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.1;
	color: #05182d;
}

a#Welcome_LoginLink:hover,
#MPAuxNav ul.level1 li a:hover {
	color: #0cbae0;
	transition: 0.3s;
}

/* links */

a {
	color: #0053a0;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #05182d;
	text-decoration: none;
}

/* transitions */

a,
a:hover,
a:focus,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus {
	transition: .3s;
}

/*** buttons ***/

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

.make-buttons em {
	display: inline-block;
	margin: -5px;
}

.make-buttons em a {
	margin: 5px;
}

.make-buttons em a,
div[id*="More"] a,
div[id*="BottomLink"] a {
	font-style: normal;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	background-color: #0053a0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 24px;
	border-radius: 50px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.06), 0px 2px 10px rgba(0, 0, 0, 0.06);
	border: none;
}

.make-buttons.white-btn em a:hover,
.make-buttons.white-btn em a:focus,
.dashboard-buttons .make-buttons em a {
	background-color: #eff3f4;
	color: #0053a0;
}

.make-buttons.white-btn em a,
.cta-tile.make-buttons em a:first-child {
	background-color: #fff;
	color: #0053a0;
}
.make-buttons em a:hover,
.make-buttons em a:focus,
div[id*="More"] a:hover,
div[id*="More"] a:focus,
div[id*="BottomLink"] a:hover,
div[id*="BottomLink"] a:focus,
.cta-tile.make-buttons em a:first-child:hover,
.cta-tile.make-buttons em a:first-child:focus,
.dashboard-buttons .make-buttons em a:hover,
.dashboard-buttons .make-buttons em a:focus {
	background-color: #00396e;
	color: #fff;
}

/* default HL buttons */
.btn:not(.dropdown-toggle) {
	white-space: normal;
}
.btn:not(.btn-secondary):not(.dropdown-toggle) {
	font-weight: 600;
	font-size: 15px;
	line-height: 1.5;
	padding: 12px 24px;
	border-radius: 50px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.06), 0px 2px 10px rgba(0, 0, 0, 0.06);
}
.btn.btn-sm.btn-success,
.btn.btn-sm.btn-primary,
.btn.btn-sm.btn-info,
.btn.btn-sm.btn-default,
.btn-group-sm > .btn.btn-success,
.btn-group-sm > .btn.btn-primary,
.btn-group-sm > .btn.btn-info,
.btn-group-sm > .btn.btn-default {
	padding: 5px 10px;
	border-radius: 6px;
	box-shadow: none;
}
.btn.btn-xs.btn-success,
.btn.btn-xs.btn-primary,
.btn.btn-xs.btn-info,
.btn.btn-xs.btn-default {
	padding: 2px 5px;
	border-radius: 6px;
	box-shadow: none;
}
.btn-success,
.JoinLeaveLink .btn-primary,
.btn-info,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	color: #fff;
	background: #0cbae0;
	border-color: #0cbae0;
}
.btn-success:hover,
.btn-success:focus,
.JoinLeaveLink .btn-primary:hover,
.JoinLeaveLink .btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
	background: #0994b3;
	border-color: #0994b3;
}
.btn-primary,
.ideation-home .btn-success,
.community-radio .btn-group .btn-primary.dropdown-toggle,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
	color: #fff;
	background: #0053a0;
	border-color: #0053a0;
}
.btn-primary:hover,
.btn-primary:focus,
.ideation-home .btn-success:hover,
.ideation-home .btn-success:focus,
.community-radio .btn-group .btn-primary.dropdown-toggle:hover,
.community-radio .btn-group .btn-primary.dropdown-toggle:focus,
.open .dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary:focus,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus {
	color: #fff;
	background: #00396e;
	border-color: #00396e;
}
.btn-default[id*="BtnCancel"] {
	color: #fff;
	background: #e0320c;
	border-color: #e0320c;
}
.btn-default[id*="BtnCancel"]:hover,
.btn-default[id*="BtnCancel"]:focus {
	color: #fff;
	background: #b32809;
	border-color: #b32809;
}

/*** round profile images ***/

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

.Welcome .imgButton.btn {
	background-color: #fff;
}

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

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

.Welcome button.btn-default.btn.imgButton {
	width: 36px;
	height: 36px;
	min-height: 36px;
	border: none;
}

.member-dashboard-img {
	width: 50px;
	height: 50px;
}

.highlight-tile .HtmlContent > strong {
	width: 100px;
	height: 100px;
}
.highlight-tile .HtmlContent > strong {
	align-items: flex-start;
}

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

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

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

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

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

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

#MPOuterHeader {
	border-top: 4px solid #0cbae0;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.06);
	background: #fff;
}

#MPOuterMost.full #HEADER {
	max-width: unset;
	padding: 20px 30px;
}

#MPheader > div.row,
#MPheader > div.row > .col-md-12,
#HEADER > .col-md-12 {
	padding: 0;
	margin: 0;
}

/*** logo ***/

#DesktopLogoDiv {
	width: 225px;
	max-width: 100%;
}

/*** logo and ttl on one line ***/

#Logo {
	float: left;
}

#MPheader > .row:first-child {
	float: right;
}

.skiplinkholder a,
.skiplinkholder a:link,
.skiplinkholder a:visited {
	left: -500%;
	top: -250px;
}

.skiplinkholder a:focus,
.skiplinkholder a:active {
	left: 0;
	top: 0;
}

/*** top text links ***/

#MPAuxNav ul.level1 li a {
	text-decoration: none;
	border: none;
	padding: 0;
	margin-right: 20px;
	margin-top: 10px;
}

/*** search ***/

@media (min-width: 768px) {
	#searchColumn {
		display: none;
	}
}

@media (max-width: 767px) {
	.search-bar-top {
		display: none;
	}
}

#searchColumn {
	float: none !important;
	max-width: 100%;
	margin-top: 15px;
}

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

#searchColumn .SearchInputs,
.search-bar-top .SearchInputs {
	background: #eff3f4;
	border-radius: 40px;
	overflow: hidden;
}

.search-bar-bottom .SearchInputs {
	overflow: hidden;
	background: #fff;
	border-radius: 60px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.06);
}

#searchColumn .form-control,
.search-bar-top .form-control,
.search-bar-bottom .form-control,
#searchColumn button[id*="SearchButton"],
.search-bar-top button[id*="SearchButton"],
.search-bar-bottom button[id*="SearchButton"] {
	background: transparent;
	box-shadow: none;
	border: none;
}

.search-bar-bottom .form-control {
	height: 50px;
	padding: 12px 30px;
	font-size: 19px;
	color: #05182d;
}

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

#searchColumn button.btn.btn-default[id*="SearchButton"],
.search-bar-top button.btn.btn-default[id*="SearchButton"] {
	padding: 0;
	height: 34px;
	width: 34px;
	line-height: 34px;
	text-align: center;
	box-shadow: none;
}

#FOOTER .search-bar-bottom button[id*="SearchButton"] {
	padding: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	box-shadow: none;
}

#searchColumn button[id*="SearchButton"] .glyphicon-search,
.search-bar-top button[id*="SearchButton"] .glyphicon-search {
	width: auto;
	vertical-align: unset !important;
	top: 0;
	height: 34px;
	width: 34px;
	line-height: 34px;
}

.search-bar-bottom button[id*="SearchButton"] .glyphicon-search {
	width: auto;
	vertical-align: unset !important;
	top: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
}

#searchColumn button[id*="SearchButton"] .glyphicon-search::before,
.search-bar-top button[id*="SearchButton"] .glyphicon-search::before,
.search-bar-bottom button[id*="SearchButton"] .glyphicon-search::before {
	color: #0cbae0;
	font-size: 22px;
	font-family: IDUG;
	content: '\f015';
	transition: 0.3s;
}

.search-bar-bottom button[id*="SearchButton"] .glyphicon-search::before {
	color: #0cbae0;
	font-size: 24px;
}

.search-bar-top button[id*="SearchButton"]:hover .glyphicon-search::before,
.search-bar-bottom button[id*="SearchButton"]:hover .glyphicon-search::before {
	color: #0053a0;
	transition: 0.3s;
}

/*** login link ***/

#Welcome_LoginLink {
	background: transparent;
	border: none;
	padding: 0;
	margin-top: 10px;
	box-shadow: none;
}

/****** main nav ******/

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

#NAV {
	position: absolute;
	bottom: 0;
	right: 50px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .disabled > a {
	color: #05182d;
	background-color: transparent;
	font-size: 14px;
	font-weight: 500;
	padding: 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #0053a0;
	background-color: #eff3f4;
}

/* caret */

.navbar-default .navbar-nav > .dropdown > a .caret {
	border-bottom-color: #0cbae0;
	border-top-color: #0cbae0;
}

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

/* dropdowns */

.navbar-nav > li > .dropdown-menu {
	background-color: #fff;
	border: none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 0px 0px 40px rgba(0, 0, 0, 0.05);
	border-top: 4px solid #0053a0;
}

.navbar-nav .dropdown-menu > li > a {
	color: #05182d;
	font-size: 13px;
	line-height: 1.3;
	padding: 10px 20px;
	background: transparent;
}

.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:hover,
.navbar-nav .dropdown-menu > .active > a:focus,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
	background: transparent;
	color: #0053a0;
	text-decoration: underline !important;
}

/* removing extraneous padding on desktop */

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

.interior div[id*='ContentWrapper'] {
	padding-top: 40px;
	padding-bottom: 50px;
}

/****** dashboard ******/

.member-dashboard-wrap {
	background-size: cover;
	background-position: top center;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.06);
	padding-bottom: 75px;
	width: 500px;
	max-width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: .3s;
	z-index: 50;
}
.member-dashboard {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	max-height: 100vh;
}
.member-dashboard-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(5, 24, 45, 0.9), rgba(5, 24, 45, 0.9));
	z-index: 0;
}

.member-dashboard-wrap.open {
	transform: none;
	transition: .3s;
}

.member-dashboard h2 {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 10px;
}

.member-dashboard > .row {
	padding-left: 40px;
	padding-right: 40px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
}

.dashboard-top-border {
	border-top: 1px solid #113c6b;
	padding-top: 30px;
	margin-top: 30px;
}

/* hiding default profile dropdown */
#ProfileContainer {
	display: none;
}

/* close + logout buttons */

.member-dashboard .btn-close,
.member-dashboard .btn-close + .btn-default {
	background: #0053a0;
	border: none;
	border-radius: 66px;
	padding: 6px 12px;
	color: #fff;
	margin-top: 12px;
	margin-left: 12px;
	position: relative;
}

.member-dashboard .btn-close:hover,
.member-dashboard .btn-close + .btn-default:hover,
.member-dashboard .btn-close:focus,
.member-dashboard .btn-close + .btn-default:focus {
	background: #00396e;
}

.member-dashboard .btn-close::before,
.member-dashboard .btn-close + .btn-default::before {
	margin-right: 6px;
}

.member-dashboard .btn-close::before {
	font-family: IDUG;
	content: '\f01a';
}

.member-dashboard .btn-close + .btn-default::before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f2f5';
}

/* open button */

#BtnShowProfile {
	display: none;
}

.HLWelcome .Welcome > .btn-group {
	border-radius: 40px;
	padding: 0;
	position: relative;
	background-color: #05182d;
	border-color: #05182d;
	color: #fff;
	position: relative;
	width: 155px;
}

.HLWelcome .Welcome button.imgButton {
	background-color: #05182d;
	position: absolute;
	top: -1px;
	left: -2px;
	bottom: -1px;
}

.my-dashboard-button {
	margin-left: 36px;
	height: 34px;
	padding: 9px 12px 9px 8px;
	border: none;
	background: transparent;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	color: #fff;
}

/* flex sections */

.dashboard-links,
.dashboard-buttons,
.user-details {
	display: flex;
	justify-content: space-between;
}

.user-details .col-md-3 {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 33%;
	padding: 0;
}

.user-details .col-md-9 {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 67%;
	padding: 0;
}

.dashboard-links .col-md-6,
.dashboard-buttons .col-md-6 {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	padding: 0;
}

/* user details */

.user-details {
	padding-top: 35px;
	padding-bottom: 35px;
}

.member-dashboard-greeting {
	margin-bottom: 10px;
}

.member-dashboard-greeting span {
	color: #fff;
	font-weight: 500;
	display: block;
}

.member-dashboard-greeting a {
	color: #fff;
	font-size: 26px;
	line-height: 1.4;
	text-decoration: underline;
	font-weight: 400;
}

.email-content a {
	color: #fff;
	padding: 6px 12px;
	border-radius: 66px;
	background: rgba(12, 186, 224, 0.1);
	text-decoration: none;
}

.email-content a i {
	color: #0cbae0;
	font-size: 16px;
	margin-right: 8px;
}

/* progress section */

.progress-section .progress {
	border-radius: 30px;
	border: 2px solid #fff;
	height: 24px;
	box-shadow: none;
	margin-bottom: 0;
}

.progress-section .progress-bar {
	background: #0cbae0;
	color: #000;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	padding-right: 5%;
	font-weight: 500;
	box-shadow: none;
}

/* links */

.dashboard-link:not(:last-child) {
	margin-bottom: 10px;
}

.dashboard-link i {
	color: #0cbae0;
	font-size: 16px;
	line-height: 20px;
}

.dashboard-link a {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	text-decoration: underline;
}

.dashboard-link a:hover,
.dashboard-link a:focus {
	text-decoration: none;
}

/* buttons */

.member-dashboard > .row.dashboard-buttons {
	padding-left: 35px;
	padding-right: 35px;
}

.dashboard-buttons .make-buttons em {
	margin: 0;
}

.dashboard-buttons .make-buttons em,
.dashboard-buttons .make-buttons em a {
	display: block;
}

.dashboard-buttons .make-buttons em a {
	padding: 18px 20px;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 10px;
}

/****** homepage backgrounds ******/

.bg-gray {
	padding: 40px calc(50% - 600px);
	background-color: #eff3f4;
}

/***** wave row dividers *****/

.custom-shape-divider-bottom-1594229144 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);
}

.custom-shape-divider-bottom-1594229144 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 38px;
}

.custom-shape-divider-bottom-1594229144 .shape-fill {
	fill: #fff;
}

.custom-shape-divider-top-1594056506 {
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(-180deg);
}

.custom-shape-divider-top-1594056506 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 39px;
}

.custom-shape-divider-top-1594056506 .shape-fill {
	fill: #ffffff;
}

.custom-shape-divider-bottom-1594056978 {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-bottom-1594056978 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 39px;
}

.custom-shape-divider-bottom-1594056978 .shape-fill {
	fill: #ffffff;
}

.custom-shape-divider-top-1594218255 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-top-1594218255 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 41px;
}

.custom-shape-divider-top-1594218255 .shape-fill {
	fill: #eff3f4;
}

/****** slider ******/

.slider .slick-track {
	display: flex;
}

.slider .slick-slide.main-slide {
	flex: 1;
	height: auto;
	display: flex;
}

.slick-slide > .HtmlContent {
	max-width: 50%;
	padding: 80px 130px 135px calc(50% - 585px);
	position: relative;
	z-index: 5;
	background: #eff3f4;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 50%;
}

.slick-slide > .HtmlContent h6 {
	font-weight: 500;
	color: #0053a0;
	margin-bottom: -4px;
}

.slick-slide > .HtmlContent p:first-of-type {
	margin-bottom: 20px;
}

.main-slide {
	position: relative;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #eff3f4;
}

/*** arrows + next slide title ***/

.slider .slick-prev,
.slider .slick-next {
	height: 36px;
	width: 36px;
	position: relative;
	display: inline-block !important;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	transform: none;
	margin-right: 4px;
}

.slider .slick-arrows {
	position: absolute;
	left: calc(50% - 585px);
	bottom: 30px;
	z-index: 10;
	background: #fff;
	padding: 4px;
	border-radius: 60px;
}
.slider .next-slide-title {
	color: #0053a0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	position: absolute;
	bottom: 38px;
	left: calc(100% - 485px);
}

.slider .slick-next i,
.slider .slick-prev i {
	font-family: 'IDUG';
	padding: 5px;
	background-color: #eee;
	border-radius: 50%;
	transition: 0.3s;
}

.slider .slick-next i::before,
.slider .slick-prev i::before {
	font-size: 24px;
	color: #0cbae0;
	transition: 0.3s;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before,
.slick-next:before,
.slick-prev:before {
	display: none;
}

/****** hero ******/

.hero-content-wrap {
	margin-bottom: 100px;
}

.hero {
	position: relative;
	background-position: center;
	background-size: cover;
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(5, 24, 45, 0.8) 0%, #05182d 72.71%);
	display: block;
}

.hero-content > .HtmlContent {
	display: flex;
	padding-top: 140px;
	padding-left: calc(50% - 575px);
}

.hero-content .text-container h1,
.hero-content .text-container p {
	color: #fff;
}

.hero-content .text-container p {
	font-style: normal;
	font-weight: 300;
	font-size: 19px;
	line-height: 27px;
	margin-bottom: 30px;
}

.hero-content .text-container {
	flex-basis: 60%;
	align-self: center;
}

.hero-content .img-container {
	flex-basis: 40%;
	display: flex;
	align-items: center;
}
.hero-content .img-container img {
	transform: translateX(80px);
}

/****** explore communities ******/

.community-wrap {
	padding: 0 calc(50% - 585px) 80px;
	display: flex;
}

.community-info h2,
.community-info p {
	color: #fff;
}

.community-info p {
	font-weight: 300;
	font-size: 19px;
	line-height: 27px;
	margin-bottom: 20px;
}

.community-info {
	align-self: center;
	padding-right: 30px;
}

.community-link {
	flex-basis: 50%;
	padding: 10px;
}

.community-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: -10px;
}

.community-link em a {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #0053a0;
	background: #ffffff;
	border-radius: 6px;
	padding: 20px 20px 20px 85px;
	text-decoration: none;
	position: relative;
	float: left;
	width: 100%;
	height: 88px;
	display: flex;
	align-items: center;
}

.community-link em a::before {
	font-family: 'IDUG';
	content: '\f016';
	color: #0cbae0;
	font-size: 30px;
	float: left;
	background: #eff3f4;
	border-radius: 6px 0px 0px 6px;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	transition: .3s;
}

.community-link em a:hover::before {
	background-color: #0cbae0;
	color: #fff;
	transition: .3s;
}

/****** banners ******/

.banners {
	display: flex;
	justify-content: space-around;
	border: 1px solid rgba(255, 255, 255, 0.2);
	margin: 52px calc(50% - 585px) 60px;
}

.banners .banner {
	padding: 20px;
}

/****** tiles ******/

.tiles {
	display: flex;
	margin: 0 calc(50% - 600px) 46px;
}

.top-tile {
	background: #ffffff;
	border: 1px solid #e5e8eb;
	box-sizing: border-box;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 0px 0px 40px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	padding: 30px 30px 90px 30px;
	flex-basis: 33%;
	margin: 15px;
	position: relative;
}

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

.top-tile p {
	color: #000;
}

.top-tile .read-more-text {
	padding: 20px 30px;
	border-top: 1px solid #e5e8eb;
	border-radius: 0px 0px 8px 8px;
	transition: 0.3s;
	color: #0053a0;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
}

.top-tile .read-more-text::after {
	font-family: 'IDUG';
	content: '\f028';
}

/* hover */

.top-tile:hover .read-more-text:last-of-type {
	background-color: #0053a0;
	transition: 0.3s;
}

.top-tile:hover .read-more-text:last-of-type {
	color: #fff;
	transition: 0.3s;
}

/****** landing controls ******/

.ContentUserControl .HLLandingControl,
.HLLandingControl .Content {
	padding: 0;
	border: none;
}

.HLLandingControl ul {
	padding-top: 0;
	padding-bottom: 10px;
}

.HLLandingControl ul li {
	border-bottom: none;
}

.HLLandingControl .Content ul li,
.event-tiles .event-list-item {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 0px 0px 40px rgba(0, 0, 0, 0.05);
	border: 1px solid #e5e8eb;
	padding: 20px;
	margin-bottom: 10px;
	transition: .3s;
}

.HLLandingControl .Content ul li:hover,
.HLLandingControl .Content ul li:focus {
	box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.1), 0px 0px 40px rgba(0, 0, 0, 0.05);
	transition: .3s;
}

.HLLandingControl ul li h3 {
	margin-bottom: 3px;
}

.HLLandingControl .ByLine,
.HLLandingControl h5 {
	font-size: 14px;
	line-height: 1.5;
	color: #05182d;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
.HLLandingControl h5 a:hover,
.HLLandingControl h5 a:focus {
	text-decoration: none;
}

.HLLandingControl .ByLine:not(:empty) + h5 {
	margin-left: 10px;
}

.home .HLEventList div[id*="BottomLink"],
.home .HLRecentBlogs div[id*="BottomLink"] {
	text-align: center;
}

/*** image containers ***/
.img-container {
	position: relative;
}
.img-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}
.img-container.loading::before {
	animation: colorchange 1.5s infinite;
	-webkit-animation: colorchange 1.5s infinite;
	opacity: 1;
	transition: .3s;
}

@keyframes colorchange {
	0% {
		background: #e5e8eb;
	}

	50% {
		background: #eff3f4;
	}

	100% {
		background: #e5e8eb;
	}
}

@-webkit-keyframes colorchange {
	0% {
		background: #e5e8eb;
	}

	50% {
		background: #eff3f4;
	}

	100% {
		background: #e5e8eb;
	}
}

/*** icons ***/

.icon a::before {
	font-family: 'IDUG';
	font-size: 60px;
	display: block;
	margin-bottom: -20px;
	color: #0cbae0;
}

.icon.about a::before {
	content: '\f024';
}

.icon.explore a::before {
	content: '\f025';
}

.icon.member a::before {
	content: '\f027';
}

/*** events ***/

.home .HLLandingControl.HLEventList .Content ul,
.event-tiles .HLLandingControl.HLEventList .Content ul,
.event-tiles .event-list > .col-md-12 {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 0;
}
.home .HLLandingControl.HLEventList .Content ul,
.event-tiles .HLLandingControl.HLEventList .Content ul {
	margin-top: -40px;
}
.event-tiles .event-list > .col-md-12 {
	flex-wrap: wrap;
}

.home .HLLandingControl.HLEventList .Content ul li,
.event-tiles .HLLandingControl.HLEventList .Content ul li,
.event-tiles .event-list-item {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(50% - 30px);
	margin: 15px auto;
	position: relative;
	padding: 0;
}

.home .HLLandingControl.HLEventList ul li h4,
.event-tiles .HLLandingControl.HLEventList ul li h4,
.home .HLLandingControl.HLEventList ul li .timeAgoFormat,
.event-tiles .HLLandingControl.HLEventList ul li .timeAgoFormat {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #05182d;
	display: inline;
	margin: 0 10px;
}

.home .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] > .row.title-row > .col-md-12,
.event-tiles .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] > .row.title-row > .col-md-12,
.home .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] > .row.title-row > .col-md-9,
.event-tiles .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] > .row.title-row > .col-md-9 {
	height: 145px;
	overflow-y: hidden;
}
.home .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] > .row.title-row > .col-md-9,
.event-tiles .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] > .row.title-row > .col-md-9 {
	padding: 20px !important;
	border-bottom: 20px solid #fff;
}
.home .HLEventList .row.title-row,
.event-tiles .HLEventList .row.title-row {
	display: flex;
	flex-direction: column-reverse;
}

.home .HLLandingControl.HLEventList div[id*="pnlCalendarMain"],
.event-tiles .HLLandingControl.HLEventList div[id*="pnlCalendarMain"] {
	width: 100%;
}

.HLLandingControl.HLEventList .event-info {
	border-top: 1px solid #e5e8eb;
	padding: 20px;
}

.home .HLLandingControl.HLEventList ul li .date-block,
.event-tiles .HLLandingControl.HLEventList ul li .date-block,
.event-tiles .event-list-item .date-block {
	background: #0cbae0;
	box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.2);
	border-radius: 0px 20px 0px 0px;
	height: 80px;
	width: 80px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.home .HLLandingControl.HLEventList ul li .date-block .calendar-day,
.event-tiles .HLLandingControl.HLEventList ul li .date-block .calendar-day,
.event-tiles .event-list-item .date-block .calendar-day {
	display: none;
}

.home .HLLandingControl.HLEventList ul li .date-block .calendary-number span,
.home .HLLandingControl.HLEventList ul li .date-block .calendar-month,
.event-tiles .HLLandingControl.HLEventList ul li .date-block .calendary-number span,
.event-tiles .HLLandingControl.HLEventList ul li .date-block .calendar-month,
.event-tiles .event-list-item .date-block .calendar-month,
.event-tiles .event-list-item .date-block .calendary-number span {
	color: #fff;
}

.home .HLLandingControl.HLEventList ul li .date-block .calendar-month,
.event-tiles .HLLandingControl.HLEventList ul li .date-block .calendar-month,
.event-tiles .event-list-item .date-block .calendar-month {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}

.home .HLLandingControl.HLEventList ul li .date-block .calendary-number span,
.event-tiles .HLLandingControl.HLEventList ul li .date-block .calendary-number span,
.event-tiles .event-list-item .date-block .calendary-number span {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 42px;
	padding-top: 10px;
	display: block;
}

/*** all events list ***/
.event-tiles .event-list-item,
.event-tiles .event-list-item > .col-md-10 {
	padding: 0;
}
.event-tiles .event-list-item > .col-md-10 {
	width: 100%;
}
.event-tiles .event-list-item > .col-md-10 > .row {
	display: flex;
	flex-direction: column-reverse;
	margin-left: 0;
	margin-right: 0;
}
.event-tiles .event-list-item > .col-md-10 > .row > .col-md-9,
.event-tiles .event-list-item > .col-md-10 > .row > .col-md-3,
.home .HLEventList .row.title-row > .col-md-9,
.home .HLEventList .row.title-row > .col-md-3,
.event-tiles .HLEventList .row.title-row > .col-md-9,
.event-tiles .HLEventList .row.title-row > .col-md-3 {
	width: 100%;
}
.event-tiles .event-list-item > .col-md-10 > .row > .col-md-9 {
	padding: 20px;
}
.event-tiles .event-list-item > .col-md-10 > .row > .col-md-9 h3 {
	margin-top: 0;
}
.event-tiles .event-list-item > .col-md-10 > .row > .col-md-3,
.home .HLEventList .row.title-row > .col-md-3,
.event-tiles .HLEventList .row.title-row > .col-md-3 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 160px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.event-tiles .event-list-item > .col-md-10 > .row > .col-md-3 img,
.home .HLEventList .row.title-row > .col-md-3 img,
.event-tiles .HLEventList .row.title-row > .col-md-3 img {
	display: none;
}
.event-tiles .event-list-item > .col-md-2,
.home .HLEventList ul li > .row > .col-md-2,
.event-tiles .HLEventList ul li > .row > .col-md-2 {
	position: absolute;
	left: 0;
	top: 160px;
	z-index: 10;
	padding: 0;
	transform: translateY(-100%);
}
.home .HLEventList ul li > .row > .col-md-2 > .margin-bottom-medium,
.event-tiles .HLEventList ul li > .row > .col-md-2 > .margin-bottom-medium {
	margin-bottom: 0;
}
.event-tiles .form-horizontal > .row-border-bottom {
	display: none;
}

/*** icons ***/

.HLLandingControl.HLEventList ul li h4::before,
.HLLandingControl.HLEventList ul li .timeAgoFormat::before {
	font-family: 'Font Awesome 5 Pro';
	color: #0cbae0;
	font-weight: 300;
}

.HLLandingControl.HLEventList ul li h4::before {
	content: '\f124';
}

.HLLandingControl.HLEventList ul li .timeAgoFormat::before {
	content: '\f133';
}

/*** blogs ***/

.sort-options-container {
	display: none;
}

.home .HLLandingControl.HLRecentBlogs ul,
.blog-tiles .HLLandingControl .Content ul {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 0;
}
.blog-tiles .HLLandingControl .Content ul {
	flex-wrap: wrap;
}

.home .HLLandingControl.HLRecentBlogs ul li,
.blog-tiles .HLLandingControl .Content ul li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(33% - 30px);
	margin: 15px auto;
	position: relative;
	padding-bottom: 0;
}

.home .HLLandingControl.HLRecentBlogs ul li .img-container,
.blog-tiles .HLLandingControl .Content ul li .img-container {
	height: 200px;
	background-size: cover;
	background-position: center;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -20px;
	margin-bottom: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.home .HLLandingControl.HLRecentBlogs ul li:first-child .img-container,
.blog-tiles .HLLandingControl .Content ul li:nth-child(odd) .img-container {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/IDB2UG/38f2efa7-8305-4977-bcc3-e56a63ec493d/UploadedImages/Images/Homepage/default-blog.jpeg');
}

.home .HLLandingControl.HLRecentBlogs ul li:nth-child(2) .img-container,
.blog-tiles .HLLandingControl .Content ul li:nth-child(even) .img-container {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/IDB2UG/38f2efa7-8305-4977-bcc3-e56a63ec493d/UploadedImages/Images/Homepage/default-blog-2.jpeg');
}

.home .HLLandingControl.HLRecentBlogs ul li:last-child .img-container {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/IDB2UG/38f2efa7-8305-4977-bcc3-e56a63ec493d/UploadedImages/Images/Homepage/default-blog-3.jpeg');
}

.home .HLLandingControl.HLRecentBlogs .ByLine,
.home .HLLandingControl.HLRecentBlogs h5,
.blog-tiles .HLLandingControl ul li .ByLine,
.blog-tiles .HLLandingControl ul li h5 {
	display: block;
}

.home .HLLandingControl.HLRecentBlogs .ByLine:not(:empty) + h5,
.blog-tiles .HLLandingControl ul li .Byline:not(:empty) + h5 {
	margin-left: 0;
}
.home .HLLandingControl.HLRecentBlogs .text-container,
.blog-tiles .HLLandingControl .text-container {
	padding-bottom: 125px;
}
.HLLandingControl.HLRecentBlogs .byline-posted-in,
.blog-tiles .HLLandingControl ul li .byline-posted-in {
	padding-left: 80px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e5e8eb;
	height: 105px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.interior .blog-tiles .HLLandingControl ul li .title-row > .col-md-12 {
	position: static;
}

.HLLandingControl.HLRecentBlogs .byline-posted-in .col-md-2,
.blog-tiles .HLLandingControl .byline-posted-in .col-md-2 {
	width: 50px;
	position: absolute;
	left: 20px;
	top: 10px;
}

.home .HLLandingControl.HLRecentBlogs ul li .title-row > .col-md-10,
.blog-tiles .HLLandingControl.HLRecentBlogs ul li .title-row > .col-md-10 {
	width: 100%;
	padding: 0;
}

/* interior blogs using ACL */
.blog-tiles .HLLandingControl.SearchResults .Content ul li {
	padding: 20px 20px 0 20px;
}
.blog-tiles .HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
	display: none;
}
.blog-tiles .HLLandingControl.SearchResults ul li .title-row .col-md-7 {
	width: 100%;
	padding: 0;
}

/*** latest activity ***/

.HLLandingControl.SearchResults .Content ul li {
	padding-right: 100px;
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right {
	position: static;
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label {
	position: absolute;
	width: 80px;
	top: -20px;
	right: -101px;
	bottom: -20px;
	font-size: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #0cbae0;
	transition: .3s;
}

.HLLandingControl.SearchResults ul li:hover .title-row .col-md-3.pull-right .label,
.HLLandingControl.SearchResults ul li:focus .title-row .col-md-3.pull-right .label {
	background-color: #0053a0;
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label::before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-weight: 400;
	color: #0053a0;
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.default::before {
	content: '\f15c';
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.announcement::before {
	content: '\f1ea';
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.discussion::before {
	content: '\f086';
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.event::before {
	content: '\f073';
}

.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label.blog::before {
	content: '\f109';
}

.logged-in-activity .HLLandingControl.SearchResults ul li {
	padding-left: 80px;
}

.logged-in-activity .HLLandingControl.SearchResults ul li .title-row .col-md-2.col-sm-2 {
	position: absolute;
	left: -60px;
	top: 0;
}

.logged-in-activity .HLLandingControl.SearchResults ul li .title-row .col-md-7.col-sm-7 {
	padding: 0;
	width: 100%;
}

/*** most active members ***/

.home .HLLandingControl.HLEngagement h2 {
	border: none;
	padding-left: 0;
}

.home .HLLandingControl.HLEngagement {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 0px 0px 40px rgba(0, 0, 0, 0.05);
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	width: 750px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.home .HLLandingControl.HLEngagement ul li {
	box-shadow: none;
	padding: 0;
	display: flex;
}

.home .HLLandingControl.HLEngagement ul li:hover,
.home .HLLandingControl.HLEngagement ul li:focus {
	box-shadow: none;
}

.home .HLLandingControl.HLEngagement ul li > .row {
	flex-grow: 0;
	flex-shrink: 1;
	padding: 20px;
	align-self: center;
}

.home .HLLandingControl.HLEngagement ul li > .row.title-row {
	flex-basis: 75%;
	border-right: 1px solid #e5e8eb;
}

.home .HLLandingControl.HLEngagement ul li > .row.content-row {
	flex-basis: 25%;
}

.home .HLLandingControl.HLEngagement ul li > .row.title-row > .col-md-3 {
	width: 50px;
	margin-right: 10px;
	float: left;
	padding: 0;
}

.home .HLLandingControl.HLEngagement ul li > .row.title-row > .col-md-9 {
	width: calc(100% - 60px);
	float: left;
	padding: 0;
}

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

.HLLandingControl.HLEngagement ul li a {
	font-size: 18px;
	font-weight: 500;
	color: #0053a0;
	text-decoration: none;
}

.HLLandingControl.HLEngagement ul li a:hover,
.HLLandingControl.HLEngagement ul li a:focus {
	color: #05182d;
	text-decoration: underline;
}

.home .HLLandingControl.HLEngagement ul li > .row.content-row .col-md-3 {
	display: none;
}

.home .HLLandingControl.HLEngagement ul li > .row.content-row .col-md-9 {
	width: 100%;
	padding: 0;
}

.home .HLLandingControl.HLEngagement .points-label {
	background: transparent;
	border: none;
	padding: 0;
	white-space: initial;
	color: #0cbae0;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}

.home .HLLandingControl.HLEngagement .Content p.bg-warning {
	margin: 0;
}

/****** CTA + cards ******/

.cta-tile {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 0px 0px 40px rgba(0, 0, 0, 0.05);
}

.cta-tile .HtmlContent {
	text-align: center;
	background: linear-gradient(0deg, rgba(5, 24, 45, 0.8), rgba(5, 24, 45, 0.8));
	padding: 40px;
}

.cta-tile h2,
.cta-tile h3,
.cta-tile p {
	color: #fff;
}

.cta-tile h3::before {
	font-family: 'IDUG';
	content: '\f02c';
	color: #0cbae0;
	display: block;
	font-size: 60px;
	margin-top: -20px;
}

/*** cards ***/

.card {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 0px 0px 40px rgba(0, 0, 0, 0.05);
	width: 750px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.card .HtmlContent img {
	display: none;
}

.card .img-container {
	height: 200px;
	background-size: cover;
	background-position: center;
}

.card .HtmlContent {
	padding: 30px;
}

.card.make-buttons em {
	margin-top: 10px;
}

.card.light .HtmlContent {
	background: #fff;
}

.card.dark .HtmlContent {
	background: linear-gradient(0deg, rgba(5, 24, 45, 0.8), rgba(5, 24, 45, 0.8)),
		url('https://higherlogicdownload.s3.amazonaws.com/IDB2UG/38f2efa7-8305-4977-bcc3-e56a63ec493d/UploadedImages/Images/Homepage/dashboard-bg.jpeg');
	background-size: 200%;
	background-position: center left;
}

.card h2 {
	margin-top: 0;
}

.card-dark,
.card.dark h2,
.card.dark h3,
.card.dark p {
	color: #fff;
}

/****** footer ******/

#MPOuterFooter {
	position: relative;
}

#MPOuterFooter::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(5, 24, 45, 0.8) 0%, #05182d 72.71%);
	display: block;
}

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

#MPOuterMost.full #FOOTER {
	max-width: 100%;
}

#MPFooterLink,
#MPCopyright {
	display: none;
}

/* search */

.search-title h2 {
	color: #fff;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 20px;
}

/* tile buttons */

.search-and-tiles {
	padding: 55px calc(50% - 600px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.search-and-tiles > .col-md-6:last-child {
	display: flex;
	flex-wrap: wrap;
}

.tile-button {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	padding: 5px;
}

.tile-button a {
	display: block;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	padding: 20px;
	background: rgba(5, 24, 45, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.2);
	text-decoration: none;
	text-align: center;
}

.tile-button a:hover,
.tile-button a:focus {
	background: #05182d;
}

.tile-button a i {
	font-weight: 400;
	display: block;
	color: #0cbae0;
	font-size: 32px;
	line-height: 1;
	margin-bottom: 12px;
}

/*** middle section ***/

.middle-row {
	padding: 30px calc(50% - 600px);
	display: flex;
	justify-content: space-between;
	justify-content: space-evenly;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.middle-row > .col-md-3 {
	flex-grow: 1;
	flex-shrink: 1;
}

.middle-row > .col-md-3:first-child {
	flex-basis: 35%;
}

.middle-row > .col-md-3:nth-child(2) {
	flex-basis: 20%;
}

.middle-row > .col-md-3:nth-child(3) {
	flex-basis: 20%;
}

.middle-row > .col-md-3:last-child {
	flex-basis: 25%;
}

.middle-row h2 {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 2px;
}

.footer-links a {
	color: #fff;
	text-decoration: underline;
	transition: 0.3s;
}

.footer-links a:hover {
	color: #0cbae0;
	transition: 0.3s;
}

.footer-social a {
	display: inline-block;
	color: #0cbae0;
	font-size: 24px;
	margin-right: 10px;
}

.footer-social a:hover {
	color: #fff;
	transition: 0.3s;
}

.footer-logo img {
	width: 272px;
}

/*** interior header ***/

#PageTitleH1 {
	color: #fff;
	padding: 65px calc(50% - 585px) 85px calc(50% - 585px);
	max-width: 100%;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: center;
}
#PageTitleH1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: rgba(5, 24, 45, 0.85);
}

/*** bottom row ***/

.bottom-row {
	background-color: #031120;
	padding: 8px calc(50% - 600px);
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 1.67;
	color: #fff;
}

.attribution {
	text-align: right;
}

.attribution a {
	color: #fff;
}

/****** responsive ******/

@media (max-width: 1200px) {
	#MPOuterMost.full #HEADER {
		padding-left: 60px;
		padding-right: 60px;
	}
	.banners,
	.tiles {
		margin-left: 15px;
		margin-right: 15px;
	}
	.community-wrap,
	.slick-slide > .HtmlContent,
	#PageTitleH1 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.slider .next-slide-title {
		left: 115px;
	}
	.slider .slick-arrows {
		left: 15px;
	}
	.hero-content > .HtmlContent {
		padding-left: 20px;
	}
}

@media (max-width: 991px) {
	#NAV {
		position: relative;
		bottom: auto;
		right: auto;
		float: right;
		margin-right: 20px;
	}
	#MPOuterMost.full #HEADER {
		padding-left: 30px;
		padding-right: 30px;
	}
	.search-bar-bottom {
		margin-bottom: 15px;
	}
	.middle-row {
		flex-wrap: wrap;
	}
	#FOOTER .middle-row > .col-md-3 {
		flex-basis: 50%;
	}
	.middle-row > .col-md-3:first-child,
	.middle-row > .col-md-3:nth-child(2) {
		margin-bottom: 20px;
	}
	.copyright,
	.attribution {
		text-align: center;
	}
	.search-title h2 {
		margin-top: 0;
	}
	.home .HLLandingControl.HLLandingControl.HLEventList,
	.home .HLLandingControl.HLRecentBlogs,
	.blog-tiles .HLLandingControl {
		width: 750px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.home .HLLandingControl.HLEventList ul,
	.home .HLLandingControl.HLRecentBlogs ul,
	.event-tiles .HLLandingControl.HLEventList ul {
		flex-wrap: wrap;
	}
	.home .HLLandingControl.HLEventList ul li,
	.home .HLLandingControl.HLRecentBlogs ul li,
	.blog-tiles .HLLandingControl .Content ul li,
	.event-tiles .event-list-item,
	.event-tiles .HLLandingControl.HLEventList .Content ul li {
		flex-basis: calc(100% - 30px);
	}
	.home .HLLandingControl.HLEventList ul li .date-block .calendary-number span {
		padding: 10px 20px 0;
	}
	.banners,
	.community-wrap {
		margin: 20px;
		margin-bottom: 0;
	}
	.community-wrap {
		flex-wrap: wrap;
	}
	.community-link,
	.community-buttons {
		justify-content: center;
	}
	.tiles {
		display: block;
	}
	.top-tile {
		max-width: 750px;
		width: calc(100% - 30px);
		margin: 15px auto;
	}
	.slick-slide > .HtmlContent {
		max-width: 70%;
	}
	.main-slide {
		background-position: 150%;
	}
	.highlight-tiles {
		flex-wrap: wrap;
	}
	.highlight-tiles.row-4 > div {
		flex-basis: 50%;
	}
	.highlight-tiles > div {
		flex-basis: 100%;
	}
}

@media (max-width: 768px) {
	#FOOTER .col-md-3 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.banners {
		flex-wrap: wrap;
	}
	.slick-slide > .HtmlContent {
		max-width: 100%;
		margin-top: 300px;
		flex-basis: 100%;
	}
	.main-slide {
		background-size: 100% auto;
		background-position: top center;
	}
	.hero-content > .HtmlContent {
		display: block;
		padding-right: 20px;
	}
	.hero-content .img-container {
		display: block;
	}
	.hero-content .img-container img {
		transform: none;
	}
}

@media (max-width: 767px) {
	#NAV {
		float: none;
		margin-top: -60px;
		margin-right: 15px;
		z-index: 10;
	}
	#Logo {
		position: relative;
		z-index: 20;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .disabled > a {
		padding: 10px 15px;
	}
	/* resetting bootstrap colours on nav */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #05182d;
		background: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #0053a0;
		background: transparent;
	}
	.logged-in-activity .HLLandingControl.SearchResults ul li {
		padding-left: 20px;
	}
	.logged-in-activity .HLLandingControl.SearchResults ul li .title-row .col-md-2.col-sm-2 {
		position: relative;
		left: auto;
		top: auto;
		width: 40px;
		margin-right: 20px;
		float: left;
	}
	.logged-in-activity .HLLandingControl.SearchResults ul li .title-row .col-md-10.col-sm-10 {
		width: calc(100% - 60px);
		float: left;
	}
	.HLLandingControl .ByLine,
	.HLLandingControl h5 {
		display: block;
	}
	.HLLandingControl .ByLine:not(:empty) + h5 {
		margin-left: 0;
	}
}

@media (max-width: 650px) {
	.community-link {
		flex-basis: 100%;
	}

	.home .HLLandingControl.HLEventList .Content ul li {
		flex-basis: calc(100% - 30px);
	}
}

@media (max-width: 600px) {
	#MPOuterMost.full #HEADER {
		padding-left: 15px;
		padding-right: 15px;
	}
	#NAV {
		margin-right: 0;
	}
	#FOOTER .middle-row > .col-md-3 {
		flex-basis: 100%;
	}
	#FOOTER .middle-row > .col-md-3:nth-child(3) {
		margin-bottom: 20px;
	}
	.highlight-tiles.row-4 > div,
	.highlight-tiles.row-2 > div {
		flex-basis: 100%;
	}
}

@media (max-width: 550px) {
	.slick-slide > .HtmlContent {
		margin-top: 200px;
		padding-top: 40px;
		padding-bottom: 90px;
	}
}

@media (max-width: 500px) {
	.user-details,
	.dashboard-links,
	.dashboard-buttons {
		display: block;
	}
	.dashboard-link:not(:last-child) {
		margin-bottom: 10px;
	}
	.member-dashboard > .row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.member-dashboard > .row.dashboard-buttons {
		padding: 10px;
	}
	.tile-button {
		flex-basis: 100%;
	}
	h1,
	.h1,
	.search-title h2 {
		font-size: 28px;
	}
	.HLLandingControl.SearchResults ul li {
		padding-right: 20px;
		padding-bottom: 90px;
	}
	.HLLandingControl.SearchResults ul li .title-row .col-md-3.pull-right .label {
		width: auto;
		height: 70px;
		left: -20px;
		bottom: -90px;
		top: auto;
		border-radius: 0 0 8px 8px;
	}
}

@media (max-width: 400px) {
	.slider .next-slide-title {
		bottom: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1200px), (max-width: 425px) {
	.home .HLLandingControl.HLEngagement ul li {
		flex-direction: column;
	}
	.home .HLLandingControl.HLEngagement ul li > .row.title-row {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #e5e8eb;
	}
}