/* Background Images and Footer */
/* Color Picker */
/********************* Basics **************************/  /*  body {      color: ;  }  */    /*  a {      color: ;  }  */ /*  a.user-content-mention {      color: ;  }  */  /*  a.user-content-hashtag {      color: ;  }  */  /*  a:hover {      color: ;  }  */  /*  a.user-content-mention:hover {      color: ;  }  */ /*  a.user-content-hashtag:hover {      color: ;  }  */ /*  .bodyBackground {      background-color: ;  }  */    /*  a.user-content-hashtag {  background: ; } */  /* a.user-content-hashtag:hover {  background: ; } */    /*  .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: #B7C726;      border-color: #B7C726;      /*color: ;*/  }    .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {      background-color: #B7C726;      border-color: #B7C726;      /*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: ;  }  */
/* CSS Overrides */
/**********************************/
/****** eConverse Stylesheet ******/
/**********************************/

/****** basics ******/

.HtmlFooter {
	display: none;
}

/* fonts */
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'AvenirNextLTW01-Medium', sans-serif;
	color: #58585B;
}

body {
	font-size: 16px;
	line-height: 21px;
	-webkit-font-smoothing: antialiased;
}
strong {
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-weight: normal !important;
}
a {
	color: #0084A9;
}
a:hover,
a:focus {
	color: #B7C726;
}
h2, .h2 {
	color: #0084A9;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e9eb;
}
h3, .h3, h3 a {
	color: #001631;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 24px;
}
h3 a:hover,
h3 a:focus {
	text-decoration: none;
	color: #0084A9;
}

a,
a:hover,
a:focus,
.search-wrap,
a::before,
a::after,
.HL-contact-suggestions ul li,
.HL-contact-suggestions ul li:hover,
.HL-contact-suggestions ul li:focus,
.HLEngagement ul li > .row.title-row,
.HLEngagement ul li:hover > .row.title-row,
.HLEngagement ul li:focus > .row.title-row,
.calendary-number,
.calendar-month,
#HEADER,
#MPOuterHeader,
#Logo img,
.member-dashboard-toggle .toggle-button span,
.search-bar-top,
.search-bar-top .form-control,
.btn,
.btn:hover,
.btn:focus,
.featured-member {
	transition: .3s;
}

/* buttons */
.make-buttons em a,
.HLDiscussions a[id$="MoreLink"],
.HL-contact-suggestions .btn.btn-primary,
.HL-contact-suggestions .btn.btn-default,
.interior .HLEventList .btn.btn-primary,
.interior .HLEventList .btn.btn-default,
#Welcome_LoginLink {
	background: #B7C726;
	text-transform: uppercase;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	display: inline-block;
	border-radius: 20px;
	font-size: 10px;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	line-height: normal;
	border: none;
}
.make-buttons em a,
.HLDiscussions a[id$="MoreLink"],
.interior .HLLandingControl .btn.btn-primary,
.interior .HLLandingControl .btn.btn-default,
#Welcome_LoginLink {
	padding: 10px 20px;
}
.make-buttons.blue-button em a,
.HL-contact-suggestions .btn.btn-default {
	background: #0084A9;
}
.make-buttons em a:hover,
.make-buttons.blue-button em a:hover,
.HLDiscussions a[id$="MoreLink"]:hover,
.HL-contact-suggestions .btn.btn-primary:hover,
.HL-contact-suggestions .btn.btn-default:hover,
.interior .HLEventList .btn.btn-primary:hover,
.interior .HLEventList .btn.btn-default:hover,
.header-link.make-buttons em a:hover,
.make-buttons em a:focus,
.make-buttons.blue-button em a:focus,
.HLDiscussions a[id$="MoreLink"]:focus,
.HL-contact-suggestions .btn.btn-primary:focus,
.HL-contact-suggestions .btn.btn-default:focus,
.interior .HLEventList .btn.btn-primary:focus,
.interior .HLEventList .btn.btn-default:focus,
.header-link.make-buttons em a:focus,
div[id*="FindContacts"] .actions .message-btn:hover,
div[id*="FindContacts"] .actions .message-btn:focus,
#Welcome_LoginLink:hover,
#Welcome_LoginLink:focus {
	background: #001631;
}

.HLDiscussions a[id$="MoreLink"],
.make-buttons.contacts em a,
.interior .HLEventList .btn.btn-default {
	padding: 15px 35px;
	font-size: 12px;
	border-radius: 30px;
}
.HLDiscussions div[id$="BottomLink"] .col-md-12 {
	padding: 0;
}
.make-buttons.contacts {
	text-align: right;
}

.make-buttons.outline em a {
	background: transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
	padding: 15px 30px;
	border-radius: 30px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 16px;
}
.make-buttons.outline em a:hover,
.make-buttons.outline em a:focus {
	background: #ffffff;
	color: #B7C726;
}
.make-buttons.outline.icon em a:hover::before,
.make-buttons.outline.icon em a:focus::before {
	color: #B7C726;
}

/* 'add' buttons */
.interior .icon h2::after {
	content: '';
	display: table;
	clear: both;
}
.interior .icon h2 {
	line-height: 30px;
	padding-bottom: 5px;
}
.community .btn-sm.btn-success,
.text-muted-h2 .btn-sm.btn-success {
	text-transform: uppercase;
	border-radius: 20px;
}
.community .btn-sm.btn-success {
	float: right;
}
div[id$="ContentPanel"] .add-event-button {
	position: absolute;
    top: -50px;
    right: 0;
}
.add-event-button,
.HLLandingControl.HLAnnouncements .btn.btn-success {
	text-transform: uppercase;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 12px;
}
.HLLandingControl.HLAnnouncements .btn.btn-success {
	border-radius: 20px;
}
#add-calendar-event {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.add-event-button .dropdown-toggle {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

/****** header ******/

#MPOuterHeader .col-md-12 {
	padding: 0;
}
#MPOuterHeader .row {
	margin: 0;
}
#MPOuterMost #MPOuterHeader #HEADER {
	max-width: 100%;
	padding-bottom: 0;
	background: #ffffff;
}
#MPimage {
	max-width: 1200px;
	margin: 0 auto;
}
#MPheader>div.row {
	padding: 0;
	line-height: normal;
}

/* sticky nav */
#MPOuterHeader.scroll-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
#MPOuterHeader.scroll-nav {
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
}
#MPOuterHeader.sticky-nav {
	top: -30px;
}
#MPOuterMost #MPOuterHeader.sticky-nav {
	padding-bottom: 0;
}
#MPOuterHeader.sticky-nav #Logo img {
	max-width: 85%;
}
#MPOuterHeader.sticky-nav .SloganText {
	padding: 8px 15px;
}

/* top link */
.header-link {
	background: #0084A9;
	padding: 5px 0 5px calc(50% - 600px);
}
.header-link.make-buttons em a,
#Welcome_LoginLink {
	background: #1098be;
	padding: 5px 10px;
}
#MPAuxNav {
	display: none;
}

/* profile button */
#Welcome_Content .welcome-profile-image {
	max-height: 45px !important;
	height: 45px;
}
#Welcome_Content .imgButton {
	border-radius: 50%;
	overflow: hidden;
	height: 45px;
	width: 45px;
	margin-top: -45px;
}
#BtnShowProfile {
	display: none;
}

/* login link */
#Welcome_NotLoggedIn #Welcome_LoginLink {
	margin-top: -56px;
}

/* logo */
#Logo {
	float: left;
	max-width: 350px;
}

.skiplinkholder a, .skiplinkholder a:link, .skiplinkholder a:visited {
	left: -2000px;
	top: -250px;
}
.skiplinkholder a:focus, .skiplinkholder a:active {
	left: 0;
	top: 0;
}

/****** menu ******/
#NAV,
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
#NAV {
	float: right;
	margin-top: 10px;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.disabled>a {
	color: #58585B;
	background-color: transparent;
	font-size: 18px;
}
.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: #0084A9;
	background-color: transparent;
}
.navbar-collapse {
	padding: 0;
}

/* caret */
.navbar-default .navbar-nav>.dropdown>a .caret,
.nav-tabs .caret {
	border: none;
}
.navbar-default .navbar-nav > .dropdown > a .caret::before,
.nav-tabs .caret::before {
	font-family: ISTE;
	content: '\f007';
	position: absolute;
	top: 15px;
	right: 5px;
	color: #d1d6d9;
}
.nav-tabs .caret::before {
	top: 10px;
}
.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret,
.nav-tabs a:hover .caret, .nav-tabs a:focus .caret {
	border: none;
}

/* dropdowns */
.navbar-nav>li>.dropdown-menu {
	border-radius: 4px;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	border: none;
}
.navbar-nav>li>.dropdown-menu::before {
	font-family: ISTE;
	content: '\f021';
	position: absolute;
	top: -20px;
    left: 25px;
    font-size: 28px;
    color: #ffffff;
    text-shadow: 0 -2px 3px rgba(0,0,0,0.2);
}
.dropdown-menu>li>a {
	padding: 5px 15px;
	font-size: 14px;
	color: #696969;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: #efefef;
	color: #0084A9;
}

/* search */
.search-bar-top {
	position: absolute;
	width: 400px;
	right: 0;
	top: 0;
	border-radius: 20px;
	border: 4px solid #b7c726;
	background: #b7c726;
	z-index: -1;
	box-shadow: 0 3px 5px rgba(0,0,0,0.25);
	opacity: 0;
}
.open .search-bar-top {
	opacity: 1;
	z-index: 10;
	background: #b7c726;
	transition-delay: .1s;
}
.search-bar-top .form-control {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	height: 37px;
	border: none;
	width: 0;
	float: right;
	padding: 0;
}
.open .search-bar-top .form-control {
	width: 100%;
	padding: 6px 12px;
}
.search-wrap {
	border-radius: 20px;
	background: #B7C726;
	position: relative;
	margin-left: 10px;
	margin-top: 5px;
	transition: .3s;
}
.search-wrap.open {
	transform: scale(1.15, 1.15);
}
.search-btn-top {
	cursor: pointer;
	padding: 12px 20px;
	color: #ffffff;
	font-size: 12px;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	text-transform: uppercase;
}
.search-bar-top button[id$="SearchButton"] {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 37px;
	border: none;
	background: #B7C726;
	font-size: 10px;
	line-height: normal;
}
.search-bar-top button[id$="SearchButton"] .glyphicon-search {
	width: 75px;
	vertical-align: baseline !important;
}
.search-bar-top button[id$="SearchButton"] .glyphicon-search::before {
	color: #ffffff;
	font-family: ISTE;
	content: '\f008';
	margin-right: 2px;
	font-size: 10px;
}
.search-bar-top button[id$="SearchButton"] .glyphicon-search::after {
	font-family: 'Avenir Next', sans-serif;
	content: 'Search';
	color: #ffffff;
	font-size: 10px;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	text-transform: uppercase;
}

/****** icons ******/
.icon h2::before,
.member-dashboard-btn.icon a::before {
	font-family: ISTE;
	color: #B7C726;
	font-size: 20px;
}
.make-buttons.outline.icon em a::before {
	font-family: ISTE;
	color: #ffffff;
	font-size: 16px;
	margin-right: 10px;
}
.icon h2 {
	position: relative;
	padding-left: 25px !important;
}
.icon.connect h2 {
	padding-left: 40px !important;
}
.icon h2::before {
	position: absolute;
	left: 0;
	top: calc(50% - 18px);
}
.icon.camera h2::before,
.member-dashboard-btn.icon.camera a::before {
	content: '\f00a';
}
.icon.profile-bar h2::before,
.member-dashboard-btn.icon.profile-bar a::before {
	content: '\f01d';
}
.icon.globe h2::before,
.member-dashboard-btn.icon.globe a::before {
	content: '\f014';
}
.icon.pencil h2::before,
.member-dashboard-btn.icon.pencil a::before {
	content: '\f01a';
}
.icon.comment h2::before,
.member-dashboard-btn.icon.comment a::before {
	content: '\f015';
}
.icon.settings h2::before,
.member-dashboard-btn.icon.settings a::before {
	content: '\f01c';
}
.icon.profile h2::before,
.member-dashboard-btn.icon.profile a::before {
	content: '\f012';	
}
.icon.communities h2::before,
.member-dashboard-btn.icon.communities a::before {
	content: '\f016';
}
.icon.newspaper h2::before {
	content: '\f010';
}
.home .icon.newspaper h2 {
	padding-left: 0 !important;
}
.icon.bullhorn h2::before {
	content: '\f013';
}
.icon.star h2::before {
	content: '\f018';
}
.icon.connect h2::before,
.make-buttons.icon.connect em a::before {
	content: '\f017';
}
.icon.members h2::before,
.member-dashboard-btn.icon.members a::before {
	content: '\f01b';
}
.icon.calendar h2::before {
	content: '\f00e';
}
.icon.network.make-buttons em a::before {
	content: '\f022';
}
.icon.new-contact.make-buttons em a::before {
	content: '\f023';
}

/* page titles */
#PageTitleH1 {
	max-width: 100%;
	padding-left: calc(50% - 600px);
	background: #f0f2f3;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* background images */
.bg-image {
	background-size: cover;
	background-position: center;
}

/****** logged out hero image ******/
.logged-out-hero {
	margin-bottom: 20px;
}
.logged-out-hero .HtmlContent {
	background: rgba(255,255,255,0.9);
	padding: 25px 30px;
	width: 475px;
	max-width: calc(100% - 30px);
	margin: 150px auto 30px 30px;
	font-size: 18px;
}
.logged-out-hero strong {
	font-family: 'Avenir Next LT W01 Demi', sans-serif !important;
	display: inline-block;
	margin-bottom: 10px;
}
.logged-out-hero.make-buttons em a {
	font-size: 18px;
    padding: 15px 40px;
    border-radius: 30px;
    margin-left: 50px;
}

/****** member dashboard ******/
.member-dashboard {
	background-color: #F0F2F3;
	height: 45px;
	overflow: hidden;
	padding-top: 45px;
	transition: 1s;
	position: relative;
}
.member-dashboard::before,
.member-dashboard::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50px;
	right: 50px;
	background-size: auto 450px;
    background-repeat: no-repeat;
	transition: 1s;
}
.member-dashboard::before {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/ISTE/c9ddf219-3064-478c-8d6b-3e30d0391742/UploadedImages/Homepage_Backgrounds/dashboard-L.png');
    background-position-x: left;
}
.member-dashboard::after {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/ISTE/c9ddf219-3064-478c-8d6b-3e30d0391742/UploadedImages/Homepage_Backgrounds/dashboard-R.png');
	background-position-x: right;
}
.member-dashboard.open::before,
.member-dashboard.open::after {
	left: 0;
	right: 0;
}
.member-dashboard > .row.row-wide {
	position: relative;
	z-index: 2;
}
.member-dashboard.open {
	height: 450px;
	padding: 50px 0;
}
/* toggle */
.member-dashboard-toggle {
	height: 45px;
	z-index: 10;
	position: relative;
	margin-top: -45px;
	margin-bottom: 50px;
}
.member-dashboard-toggle .toggle-button {
	display: inline-block;
	background: #ffffff;
	border-radius: 5px;
	padding: 10px 15px;
	line-height: 12px;
	cursor: pointer;
	position: absolute;
	left: calc(50% - 33px);
	bottom: -20px;
}
.member-dashboard-toggle .toggle-button span {
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #B7C726;
}

.member-dashboard-toggle .ft,
.member-dashboard-toggle .toggle-button:hover span,
.member-dashboard-toggle .toggle-button:focus span {
	color: #0084A9;
}
.toggle-content {
	margin-left: calc(50% - 600px);
	line-height: 45px;
	font-size: 18px;
}

/* profile pic */
.member-dashboard-img {
	float: left;
	margin-right: 20px;
	position: relative;
	z-index: 10;
	width: 130px;
}
.member-dashboard-img .row {
	margin: 0;
}
.member-dashboard-img a {
	display: inline-block;
}
.member-dashboard-img .col-md-12 {
	padding: 0;
}
.member-dashboard-toggle .member-dashboard-img {
	width: 55px;
	margin-top: 10px;
}

.member-dashboard-img .row.form-group.margin-top-small {
	display: none;
}

/* greeting */
.member-dashboard-name h2 {
	font-family: 'AvenirNextLTW01-Medium', sans-serif;
	font-size: 28px;
	color: #58585B;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 15px;
	border-bottom: none;
}
.member-dashboard-name h2 a,
.toggle-content .username {
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	color: #001631;
	text-decoration: underline;
}

/* messages */
.email-content {
	text-decoration: none;
	font-size: 23px;
	color: #0084A9;
}
.toggle-content .email-content {
	font-size: 18px;
	margin-left: 10px;
}

/* progress bar */
div[id*="CompleteBarProgress"] {
	text-align: center;
	padding: 0;
}
.progress-text {
	text-transform: uppercase;
	color: #B5BFC9;
	font-size: 10px;
	font-family: 'Avenir Next LT W01 Demi', sans-serif;
	letter-spacing: 0.05em;
	text-align: center;
}
.progress {
	background: #ffffff;
	border-radius: 20px;
	border: 4px solid #ffffff;
	height: 25px;
	box-shadow: none;
}
.progress-bar-info {
	background: #B7C726;
	font-size: 12px;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
}
.member-dashboard .progress {
	margin-bottom: 0;
}

/* ribbons */
.row.digitalRibbonDisplay {
	margin: 0;
	text-align: center;
}
.row.digitalRibbonDisplay h2 {
	text-align: center;
}
.row.digitalRibbonDisplay .ribbon .col-md-12 {
	padding: 5px;
	background: #ffffff;
	border-radius: 5px;
	width: auto;
	margin: 0 auto;
	display: inline-block;
}
.digitalRibbonDisplay .ribbon div,
.ribbon-container div {
	background-repeat: no-repeat;
	background-size: cover;
}

/* buttons */
.member-dashboard-btn {
	width: 50%;
	float: left;
	padding: 0 8px 10px 8px;
}
.member-dashboard-btn a {
	height: 75px;
	width: 100%;
	padding: 15px;
	background: #ffffff;
	text-align: center;
	display: inline-block;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	color: #58585B;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	line-height: normal;
	border-radius: 5px;
	position: relative;
}
.member-dashboard-btn a:hover,
.member-dashboard-btn a:focus {
	color: #ffffff;
	background: #B7C726;
}
.member-dashboard-btn.icon a::before {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.member-dashboard-btn a:hover::before,
.member-dashboard-btn a:focus::before {
	color: #ffffff;
}

/* new buttons */
.member-dashboard-btn.new a::after {
	content: '';
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #f45a1d;
	position: absolute;
	top: 5px;
	right: 5px;
}

/* latest news */
.member-dashboard .column-3 {
	background: #ffffff;
	border-radius: 5px;
	padding: 20px 30px;
}
.member-dashboard .column-3 h2::before {
	display: inline-block;
	background: #f0f2f3;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	position: absolute;
	left: -45px;
	top: -9px;
}
.member-dashboard .column-3 h3 {
	line-height: 16px;
}
.member-dashboard .column-3 h3 a {
	font-size: 16px;
	color: #001631;
	line-height: 16px;
}
.member-dashboard .column-3 h3 a:hover,
.member-dashboard .column-3 h3 a:focus {
	background: transparent;
	color: #0084A9;
	text-decoration: underline;
}
.member-dashboard .column-3 p {
	margin: 0;
}
.member-dashboard .column-3 ul li {
	margin: 0;
	padding: 6px 0;
}

/****** landing controls ******/
.HLLandingControl ul li {
	border-bottom: none;
}
.HLLandingControl .ByLine,
.HL-contact-suggestions .row.title-row .details,
.HLEventList .timeAgoFormat,
.HLEventList div[id*="LocationPanel"],
.featured-members h6 {
	font-size: 10px;
	color: #58585B;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-family: 'Avenir Next LT W01 Demi', sans-serif;
	line-height: normal;
}

/* round profile images */
.HLLandingControl ul li .title-row a[id*='ProfileImage'] img,
.HLEngagement ul li .title-row a[id*='ProfileLink'] img,
.bioBubbleShell a[id*='BioBubbleImage'] img,
.HL-contact-suggestions li > .row.title-row > .col-md-2 > a > img,
a[id*="FindContacts_Contacts_PictureLink"] > img,
.text-muted-h2 img[id$="imgDisplay"],
.text-muted-h2 img[id$="imgNoImage"],
.member-dashboard-img img[id*="ImageControl"],
.featured-member img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50px;
	height: auto;
	max-height: 200px;
	border-radius: 0 !important;
}
.HLLandingControl ul li a[id*='ProfileImage'],
.HLEngagement ul li .title-row a[id*='ProfileLink'],
.bioBubbleShell a[id*='BioBubbleImage'],
.HL-contact-suggestions li > .row.title-row > .col-md-2 > a,
a[id*="FindContacts_Contacts_PictureLink"],
.text-muted-h2 a[id*="ImageControl"],
.member-dashboard-img a[id*="ImageControl"],
.featured-member a[id$="lnkDisplay"] {
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #f0f2f3;
}

.text-muted-h2 a[id*="ImageControl"] {
	height: 150px;
	width: 150px;
	border: 4px solid #ffffff;
}
.text-muted-h2 img[id$="imgDisplay"],
.text-muted-h2 img[id$="imgNoImage"] {
	width: 150px;
	height: auto;
	max-height: 500px;
}
.HLLandingControl ul li .title-row a[id*='ProfileImage'] img {
	width: 38px;
	height: auto;
}
.HLLandingControl ul li a[id*='ProfileImage'] {
	width: 38px;
	height: 38px;
}

.member-dashboard-img a[id*="ImageControl"] {
	height: 125px;
	width: 125px;
	border: 4px solid #ffffff;
}
.member-dashboard-img img[id*="ImageControl"] {
	width: 125px;
	height: auto;
	max-height: 400px;
}
.member-dashboard-toggle a[id*="ImageControl"] {
	height: 55px;
	width: 55px;
}
.member-dashboard-toggle img[id*="ImageControl"] {
	width: 50px;
	height: auto;
	max-height: 200px;
}

/* discussions */
.HLDiscussions h3 {
	transform: skew(-10deg);
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	display: inline-block;
}
.HLDiscussions h3 a {
	transform: skew(10deg);
	display: inline-block;
}
.HLDiscussions h3:hover,
.HLDiscussions h3:focus {
	background: #E3F6FC;
}
.HLDiscussions h3 a:hover,
.HLDiscussions h3 a:focus {
	color: #166278;
}
.HLDiscussions li > .row.title-row {
	margin-bottom: 5px;
}
.HLDiscussions.HLLandingControl ul li {
	margin-bottom: 25px;
}

.HLDiscussions h5[id*="EgroupNamePanel"] {
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-family: 'Avenir Next LT W01 Demi', sans-serif;
	color: #58585b;
}

/* discover other members */
.discover {
	background: #B7C726;
	text-align: center;
	padding-bottom: 25px;
	margin-top: 40px;
}
.discover h3 {
	font-size: 18px;
	color: #000;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.discover h3::after {
	content: '';
	width: 30px;
	border-top: 2px solid #ffffff;
	position: absolute;
	bottom: 0;
	left: calc(50% - 15px);
}
.discover .make-buttons em a {
	width: 250px;
}
.discover-img {
	max-height: 425px;
	overflow: hidden;
}
.discover img {
	width: 100%;
}

/* people you may know */
h2.TitleText {
	margin-top: 10px;
}
.ContentItemMVC {
	padding: 5px;
	border: 1px solid transparent;
}
.home .HL-contact-suggestions .col-md-6.col-sm-6.col-xs-8 {
	width: 82%;
}
.HL-contact-suggestions .update-friend {
	width: auto;
	background: #f0f2f3;
	padding-bottom: 5px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
}
.HL-contact-suggestions ul li {
	padding: 20px 25px 60px 25px;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.HL-contact-suggestions ul li:hover,
.HL-contact-suggestions ul li:focus {
	transform: scale(1.025, 1.025);
	box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}
.HL-contact-suggestions h3 a:hover,
.HL-contact-suggestions h3 a:focus {
	text-decoration: underline;
}
.people-you-should-know .HLLandingControl.HL-contact-suggestions .title-row h3 {
	margin-bottom: 10px;
}

/*** events, announcements and hot topics ***/
.bg-teal {
	background: linear-gradient(to right, #008bae, #00aac3);
	margin: 75px 0 40px 0;
	padding: 50px 0;
}
.bg-teal h2 {
	color: #ffffff;
	border: none;
}
.bg-teal .HLLandingControl {
	padding: 0;
	border-width: 0;
}
.bg-teal .HLLandingControl ul,
.bg-teal .TagCloud {
	background: #ffffff;
	padding: 15px;
	border-top: 5px solid #e5e9eb;
}
.HLEventList .Content > .row > .col-md-12.no-pad > br {
	display: none;
}
.bg-teal .HLLandingControl h3 {
	padding-bottom: 10px;
}
.bg-teal .HLLandingControl h3 a {
	font-size: 21px;
}
.bg-teal .HLLandingControl ul li {
	border-top: 1px solid #e5e9eb;
	padding-top: 10px;
}
.bg-teal .HLLandingControl.HLEventList ul li:first-child {
	border-top: none;
}

/* events */
.HLEventList ul li .row.title-row p {
	margin: 0;
}
.HLLandingControl.HLEventList ul li {
	margin-bottom: 0;
}

/* event date thumbnails */
.home .HLEventList .Content .col-md-2 {
    width: 30%;
	float: left;
}

.home .HLEventList .Content .col-md-10 {
    width: 70%;
	float: left;
}

.home .HLEventList .Content .col-md-10 .title-row {
    padding-left: 10px;
}
.calendar-day {
	display: none;
}
.date-block {
	text-align: center;
}
.calendary-number {
	background-color: #B7C726;
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/ISTE/c9ddf219-3064-478c-8d6b-3e30d0391742/UploadedImages/Homepage_Backgrounds/event-date-bg.png');
	background-size: cover;
	color: #ffffff;
	height: 75px;
	width: 75px;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	border-radius: 50%;
	font-size: 42px;
	line-height: 75px;
	letter-spacing: normal;
	margin: 0 auto;
}
.calendar-month {
	color: #0084A9;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
.HLEventList ul li:hover .calendary-number,
.HLEventList ul li:focus .calendary-number {
	background-color: #001631;
}
.HLEventList ul li:hover .calendar-month,
.HLEventList ul li:focus .calendar-month {
	color: #B7C726;
}

/* announcements */
.home .HLAnnouncements .row.content-row,
.home .HLAnnouncements .row.HLContainer,
.community .HLAnnouncements .row.content-row,
.community .HLAnnouncements .row.HLContainer {
	display: none;
}
.HLAnnouncements .ByLine span {
	border-top: 3px solid #B7C726;
	padding-top: 5px;
}

/* hot topics */
.bg-teal .hot-topics h2 {
	margin-top: 10px;
}
.bg-teal .hot-topics,
.bg-teal .bottom-button {
	padding-left: 5px;
	padding-right: 5px;
}
.bg-teal .TagCloud {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/ISTE/c9ddf219-3064-478c-8d6b-3e30d0391742/UploadedImages/Homepage_Backgrounds/hot-topics-bg.png');
	background-size: cover;
	padding: 35px 25px;
	text-align: center;
	flex: 1;
}
.TagCloud .tag-item {
	display: inline-block;
	transform: skew(-10deg);
	padding: 0 5px;
}
.TagCloud a {
	text-decoration: none;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	color: #001631;
	display: inline-block;
	transform: skew(10deg);
	line-height: 1;
    padding: 5px 0;
}
.TagCloud .tag-item:hover,
.TagCloud .tag-item:focus {
	background: #E3F6FC;
}
.TagCloud a:hover,
.TagCloud a:focus {
	color: #166278;
}

/* 'more' buttons */
.bg-teal div[id$="BottomLink"] .col-md-12,
.bg-teal div[id$="MoreLinkPanel"] .col-md-12 {
	padding: 0;
}
.bg-teal div[id$="MoreLinkPnl"] {
	display: block !important;
}
.bg-teal a[id$="MoreLink"],
.bg-teal a[id$="LinkToCalendar"],
.bg-teal .bottom-button em a {
	display: block;
	padding: 20px 50px 20px 20px;
	text-align: right;
	background: #e5e9eb;
	color: #0084A9;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	border: none;
	border-radius: 0;
	text-decoration: none;
	font-style: normal;
	position: relative;
	line-height: normal;
}
.bg-teal a[id$="MoreLink"]::after,
.bg-teal a[id$="LinkToCalendar"]::after,
.bg-teal .bottom-button em a::after {
	font-family: ISTE;
	content: '\f01e';
	margin-left: 10px;
	color: #0084A9;
	font-size: 24px;
	position: absolute;
	right: 20px;
	top: 14px;
}
.bg-teal a[id$="MoreLink"]:hover,
.bg-teal a[id$="MoreLink"]:focus,
.bg-teal a[id$="LinkToCalendar"]:hover,
.bg-teal a[id$="LinkToCalendar"]:focus,
.bg-teal .bottom-button em a:hover,
.bg-teal .bottom-button em a:focus {
	background: #B7C726;
	color: #ffffff;
}
.bg-teal a[id$="MoreLink"]:hover::after,
.bg-teal a[id$="MoreLink"]:focus::after,
.bg-teal a[id$="LinkToCalendar"]:hover::after,
.bg-teal a[id$="LinkToCalendar"]:focus::after,
.bg-teal .bottom-button em a:hover::after,
.bg-teal .bottom-button em a:focus::after {
	color: #ffffff;
}
.bg-teal .HLLandingControl .Content,
.bg-teal .hot-topics > div {
	background: #ffffff;
	padding-left: 0;
	padding-right: 0;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	padding-bottom: 55px;	
}
.bg-teal div[id*="MoreLinkPanel"],
.bg-teal div[id*="BottomLink"],
.bg-teal .hot-topics .bottom-button {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 0;
	padding: 0;
}

/* flex display */
@media (min-width: 992px) {
	.not-ie .bg-teal > .row.row-wide,
	.not-ie .bg-teal > .row.row-wide > .col-md-4,
	.not-ie .bg-teal > .row.row-wide > .col-md-4 > div,
	.not-ie .bg-teal > .row.row-wide > .col-md-4 > div > div,
	.not-ie .bg-teal .Content > .row:first-child,
	.not-ie .bg-teal .Content > .row:first-child > .col-md-12 {
		display: flex;
		flex: 1;
	}
	.not-ie .bg-teal .HLLandingControl,
	.not-ie .bg-teal .hot-topics {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
		flex: 1;
	}
	.not-ie .bg-teal .Content ul {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		width: 100%;
	}
	.not-ie .bg-teal .row.heading,
	.not-ie .bg-teal .hot-topics h2 {
		width: 100%;
		flex-basis: 25px;
	
	}
	.not-ie .bg-teal .hot-topics {
		width: 100%;
	}
	.not-ie .bg-teal .HLLandingControl .Content,
	.not-ie .bg-teal .hot-topics > div {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
}

/****** featured members ******/
.HLEngagement h2,
.featured-members h2 {
	border: none;
	margin: 0;
	width: 100%;
}
.HLEngagement ul.display-horizontal,
.featured-members {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.HLEngagement.HLLandingControl ul.display-horizontal li,
.featured-members .col-md-3 {
	border: none;
	max-width: 100%;
	min-width: auto;
	width: auto;
	position: relative;
	flex-basis: 25%;
	margin: 0;
	padding: 10px;
}
.HLEngagement.HLLandingControl ul.display-horizontal li > .row.title-row,
.featured-members .col-md-3 .featured-member {
	height: 160px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-align: center;
	padding: 10px;
}
.featured-members .form-group,
.featured-members .margin-top-small {
	margin: 0;
}
.HLLandingControl.HLEngagement .Picture,
.HLLandingControl.HLEngagement .col-md-9 {
	width: 100%;
	position: static;
}
.HLLandingControl.HLEngagement .Picture > a,
.featured-members .ContentUserControl a {
	margin: 0 auto;
}
.HLEngagement ul li .row.title-row .col-md-9 > a{
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 21px;
	color: #001631;
	text-decoration: none;
	margin-top: 10px;
}
.featured-members h3 {
	margin-top: 10px;
}
.HLEngagement ul li .row.title-row .col-md-9 > a:hover,
.HLEngagement ul li .row.title-row .col-md-9 > a:focus,
.featured-members h3 a:hover,
.featured-members h3 a:focus {
	color: #0084A9;
	text-decoration: underline;
}
.HLLandingControl.HLEngagement .row.title-row .ByLine,
.featured-members h6 {
	position: absolute;
	background: #F5F7F8;
	bottom: 10px;
	left: 0;
	right: 0;
	padding: 10px;
	margin-bottom: 0;
}
.HLEngagement ul li:hover > .row.title-row,
.HLEngagement ul li:focus > .row.title-row,
.featured-members .featured-member:hover,
.featured-members .featured-member:focus {
	transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}

/****** footer ******/
#MPFooterLink {
	display: none;
}
#MPOuterFooter::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/ISTE/c9ddf219-3064-478c-8d6b-3e30d0391742/UploadedImages/Homepage_Backgrounds/footer-left.png');
	display: block;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#MPOuterFooter::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/ISTE/c9ddf219-3064-478c-8d6b-3e30d0391742/UploadedImages/Homepage_Backgrounds/footer-bottom-right.png');
	display: block;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: bottom right;
}
#MPOuterFooter {
	background: linear-gradient(#002552, #001834);
	border-bottom: 15px solid #B7C726;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	color: #ffffff;
}
#FOOTER {
	position: relative;
	z-index: 10;
}

#FOOTER div[class*="col-"] {
	padding: 0;
}
.footer-connect {
	color: #B7C726;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.footer-connect strong {
	color: #ffffff;
}
.footer-tagline {
	font-size: 28px;
}

.footer-links {
	font-size: 14px;
	line-height: 21px;
	font-family: 'Avenir Next LT W01 Demi', sans-serif;
	border-top: 1px solid rgba(183,199,38,0.75);
	border-bottom: 1px solid rgba(183,199,38,0.75);
	padding-top: 15px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.footer-links a,
.footer-contact a {
	color: #ffffff;
	text-decoration: none;
}
.footer-links a:hover,
.footer-links a:focus,
.footer-contact a:hover,
.footer-contact a:focus{
	color: #B7C726;
}

.footer-logo .HtmlContent {
	float: right;
}
.footer-social {
	text-align: right;
}
.footer-social {
	margin-bottom: 15px;
}
.footer-social a {
	color: #ffffff;
	background: #334861;
	display: inline-block;
	font-size: 24px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;
}
.footer-social a:hover,
.footer-social a:focus {
	color: #b7c726;
}
.footer-contact .HtmlContent {
	position: relative;
	float: right;
	font-size: 14px;
	font-family: 'Avenir Next LT W01 Demi', sans-serif;
	line-height: normal;
}
.footer-contact a:hover,
.footer-contact a:focus {
	color: #B7C726;
}
.footer-contact .HtmlContent::before {
	font-family: ISTE;
	color: #B7C726;
	content: '\f019';
	font-size: 24px;
	position: absolute;
	left: -60px;
	top: 0;
	font-size: 44px;
	line-height: 44px;
	font-weight: normal;
}

.footer-top {
	margin-bottom: 75px;
}
.footer-copyright {
	font-size: 14px;
}

/****** profile page ******/
#MPContentArea {
	overflow-x: hidden;
}
.text-muted-h2 .ProfileUserName,
.interior .people-you-should-know .TitleText,
.text-muted-h2 h2 {
	text-transform: none;
	color: #001731;
	font-size: 30px;
	letter-spacing: 0.01em;
	border: none;
}
.text-muted-h2 .ProfileUserName {
	font-size: 42px;
}
.text-muted-h2 .col-md-3 h2 {
	font-size: 24px;
	font-family: 'AvenirNextLTW01-Medium', sans-serif;
}

.nav-tabs {
	border-bottom: none;
}
.nav-tabs::before {
    content: '';
    top: -500px;
    position: absolute;
    left: -100%;
    right: -100%;
    bottom: 25px;
    background: #F0F2F3;
    display: block;
    z-index: -1;
}
.nav-tabs > li > a {
	font-size: 15px;
	color: #132C52;
	letter-spacing: 0.01em;
	background: #ffffff;
	margin-left: 8px;
	margin-right: 8px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border: none;
	margin-top: -15px;
	box-shadow: 0 -2px 3px rgba(0,0,0,0.25);
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	color: #0084A9;
}
.nav-tabs >li>a:hover, .nav-tabs >li>a:focus {
	background: #ffffff;
	border: 1px solid transparent;
	color: #0084A9;
}

.nav-tabs .tabdrop .dropdown-menu a .caret::before {
	top: 3px;
}

div[id$="ProfileImage"] .btn.btn-default {
	background: #B7C726;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	border: none;
	font-size: 10px;
	line-height: 10px;
	padding: 10px;
}
div[id$="ProfileImage"] .btn.btn-default .caret {
	border-width: 6px;
    opacity: 0.4;
    border-bottom-width: 0;
	margin-left: 3px;
}

.interior .ProfileJobInfo {
	text-transform: uppercase;
	font-size: 16px;
	color: #001731;
}
.interior div[id*="DisplayPresentJob"] {
	margin-bottom: 10px;
}
.interior div[id*="LinkEditContact"] {
	padding: 20px 25px;
	border-radius: 4px;
	background: #f0f2f3;
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.25);
	text-align: left;
}
.interior div[id*="LinkEditContact"] .col-md-12 {
	padding: 0;
}
.interior div[id*="LinkEditContact"] .row {
	margin: 0;
}
.interior div[id*="LinkEditContact"] a,
.interior div[id*="LinkEditContact"],
.interior div[id*="LinkEditContact"] .ProfileJobInfo {
	color: #142D53;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0.01em;
	text-transform: none;
}
.interior div[id*="LinkEditContact"] .ProfileJobInfo {
	text-transform: uppercase;
}
.interior div[id*="LinkEditContact"] {
	overflow-wrap: break-word;
    word-wrap: break-word;
}
.interior div[id$="pnlImage"] {
	display: inline-block;
	position: relative;
}
.interior .email-content {
	position: absolute;
	top: 10px;
	right: 0;
	background: #ffffff;
	border-radius: 4px;
	padding: 5px;
	color: #001731;
	font-size: 15px;
	z-index: 5;
}
.interior .people-you-should-know .Content {
	padding: 0;
}
.interior .ContentUserControl a[id*="MessagesCount"] {
	display: none;
}

.interior .digitalRibbonDisplay {
	margin-bottom: 20px;
}

/* contacts */
a[id*="FindContacts_Contacts_DisplayName"] {
	color: #142D53;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 16px;
	letter-spacing: 0.01em;
}
div[id*="FindContacts"] .addresses {
	text-align: left;
	color: #142D53;
	font-size: 14px;
}
div[id*="FindContacts"] .addresses .company-name {
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	margin-bottom: 10px;
}
div[id*="FindContacts"] .list-address-panel {
	margin-left: 0;
}
div[id*="FindContacts"] .row.member-row,
.member-directory .row.member-row {
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: none;
}
div[id*="FindContacts"] .row.member-row:nth-child(odd),
.member-directory .row.member-row:nth-child(odd) {
	background: #f0f2f3;
}
.interior .icon.connect .MVCContent .TitleText {
	border-bottom: none;
	margin-bottom: 0;
}

div[id*="FindContacts"] .actions {
	padding-top: 25px;
}
div[id*="FindContacts"] .member-directory .actions .btn.btn-default {
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	font-size: 14px;
	letter-spacing: 0.01em;
	padding: 15px 30px;
	border-radius: 30px;
	border: none;
	margin-right: 1px;
}
div[id*="FindContacts"] .actions .message-btn {
	background: #B7C726;
	text-transform: uppercase;
	color: #ffffff;
}
div[id*="FindContacts"] .actions .remove-btn {
	color: #C9D0D4;
	background: transparent;
	text-transform: none;
}
div[id*="FindContacts"] .actions .remove-btn:hover,
div[id*="FindContacts"] .actions .remove-btn:focus {
	color: #142D53;
}
/* pagination */
.pagination > li  > a {
	border: none;
	font-size: 18px;
	line-height: 22px;
	color: #5F6068;
	font-family: 'Avenir Next LT W01 Bold', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background: #f0f2f3;
	color: #5F6068;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
	font-family: ISTE;
	font-size: 18px;
	color: #B7C726;
}

/****** communities page ******/
.community-list > .col-md-7 > .row > .col-md-12 > *:not(h3) {
	display: none;
}

/****** directory page ******/
.directory {
	margin-top: 25px;
}

/****** responsiveness ******/
/* smaller screens only */
@media (max-width: 1200px) {
	.header-link {
		padding: 10px;
	}
	.toggle-content {
		margin-left: 10px;
	}
	#MPheader > div.row {
		padding-left: 10px;
		padding-right: 10px;
	}
	.interior div[id*="LinkEditContact"] {
		padding: 10px;
	}
	.interior div[id*="LinkEditContact"] a,
	.interior div[id*="LinkEditContact"] div[id$="CompanyNamePanel"] {
		font-size: 12px;
	}
	#PageTitleH1 {
		padding-left: 15px;
	}
}
@media (max-width: 991px) {
	.member-dashboard.open {
		height: 1150px;
	}
	.member-dashboard::before,
	.member-dashboard::after {
		display: none;
	}
	.member-dashboard .dashboard-ribbons {
		margin-bottom: 20px;
	}
	.bg-teal {
		padding-bottom: 15px;
	}
	.HLEngagement.HLLandingControl ul.display-horizontal li,
	.featured-members .col-md-3 {
		flex-basis: 50%;
	}
	.profile-username {
		display: none;
	}
	.mobile-username,
	.mobile-ProfileJobInfo {
		display: block;
	}
	.text-muted-h2 .mobile-username .ProfileUserName {
		font-family: 'Avenir Next LT W01 Bold', sans-serif;
		color: #001631;
		font-size: 28px;
	}
	.text-muted-h2 .nav-tabs::before {
		display: none;
	}
	.text-muted-h2 div[id$="pnlProfileImage"] {
		position: relative;
	}
	.text-muted-h2 div[id$="pnlProfileImage"]::before {
		content: '';
		top: -500px;
		position: absolute;
		left: -100%;
		right: -100%;
		bottom: 100px;
		background: #F0F2F3;
		display: block;
		z-index: -1;
	}
	.interior div[id*="LinkEditContact"] {
		padding: 20px 25px;
	}
	.interior div[id*="LinkEditContact"] a,
	.interior div[id*="LinkEditContact"] div[id$="CompanyNamePanel"] {
		font-size: 14px;
	}
	.text-muted-h2 .col-md-9 > .row.row-wide > .col-md-12 {
		padding: 0;
	}
	div[id*="DisplayPresentJob"],
	div[id*="ContactCommunications"],
	div[id$="FindContacts_ExportTop"],
	div[id$="FindContacts_ShowingLabel"],
	div[id*="FindContacts"] .row.member-row {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	div[id*="FindContacts"] .form-control {
		margin: 0;
	}
}
@media (max-width: 830px) {
	.toggle-content .member-dashboard-img {
		margin-right: 5px;
	}
	.toggle-content {
		font-size: 16px;
	}
	.text-muted-h2 .nav-tabs > li > a {
		border-radius: 20px;
		border: 1px solid #e5e9eb;
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}
	.nav-tabs > li > a {
		margin-left: 5px;
		margin-right: 5px;
	}
	.text-muted-h2 .nav-tabs>li.active>a,
	.text-muted-h2 .nav-tabs>li.active>a:hover,
	.text-muted-h2 .nav-tabs>li.active>a:focus {
		margin-top: 0;
		border: 1px solid #e5e9eb;
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}
	.text-muted-h2 .nav-tabs>li {
		margin-bottom: 5px;
	}
}
@media (max-width: 768px) {
	.LogoImg.inline, .SloganText.inline {
		display: inline;
	}
	.member-dashboard .column-3 {
		padding-left: 10px;
		padding-right: 10px;
	}
	#FOOTER {
		padding-left: 15px;
		padding-right: 15px;
	}
	.HLLandingControl div.col-sm-2.col-md-2 {
		float: left;
		margin-right: 10px;
	}
	.footer-copyright {
		text-align: center;
	}
	.footer-bottom-right {
		margin-top: 10px;
	}
	.footer-social {
		text-align: center;
	}
	.footer-contact {
		text-align: center;
	}
	.footer-contact .HtmlContent {
		float: none;
	}
	.footer-contact .HtmlContent::before {
		left: calc(50% - 90px);
	}
	.footer-top {
		margin-bottom: 10px;
	}
	.footer-logo {
		margin-top: 15px;
	}
	.footer-logo .HtmlContent {
		float: none;
	}
	.logged-out-hero .HtmlContent {
		margin-left: 15px;
	}
}
@media (max-width: 767px) {
	#Logo {
		position: relative;
		z-index: 10;
	}
	#MPOuterHeader #NAV {
		float: none;
		margin-top: -50px;
		background: #ffffff;
	}
	#NAV .col-md-12 {
		padding: 0 15px;
	}
	.navbar-default .navbar-nav > .dropdown > a .caret::before {
		top: 10px;
	}
	.navbar-nav>li>.dropdown-menu::before {
		display: none;
	}
	#searchColumn {
		display: block;
	}
	#NAV .search-btn-top {
		display: none;
	}
	#NAV .search-bar-top {
		display: block !important;
		opacity: 1 !important;
		position: relative;
		width: calc(100% - 8px);
		box-shadow: none;
		z-index: 1;
	}
	#NAV .search-bar-top .form-control {
		width: 100%;
		padding: 6px 12px;
	}
	.member-dashboard-toggle .greeting {
		display: none;
	}
	.member-dashboard-toggle .toggle-button,
	.member-dashboard-toggle.open .toggle-button {
		left: auto;
		right: 10px;
	}
	.interior .HL-contact-suggestions .col-md-6.col-sm-6.col-xs-8 {
		width: 82%;
	}
	div[id*="FindContacts"] .member-picture {
		width: auto !important;
	}
	div[id*="FindContacts"] .col-sm-3.col-xs-9.no-pad {
		margin-top: 15px;
	}
}
@media (max-width: 480px) {
	.HLEngagement.HLLandingControl ul.display-horizontal li,
	.featured-members .col-md-3 {
		flex-basis: 100%;
	}
	.SloganText,
	.member-dashboard-name h2 {
		font-size: 21px;
	}
	.home .HL-contact-suggestions .col-md-6.col-sm-6.col-xs-8,
	.interior .HL-contact-suggestions .col-md-6.col-sm-6.col-xs-8 {
		width: 74%;
	}
	#MPOuterHeader #HEADER #Logo img {
		width: 190px;
	}
	#Logo > .col-md-12 {
		height: 40px;
	}
}

/* larger screens only */
@media (min-width: 768px) {
	.interior .HL-contact-suggestions .update-friend {
		left: auto;
		top: 5px;
		padding-top: 25px;
	}
	.interior .HL-contact-suggestions .update-friend .btn {
		font-size: 14px;
	}
	.interior .HL-contact-suggestions ul li {
		padding: 20px 25px;
		position: relative;
	}
}

/*** fix for header overlapping discussion titles ***/
ul.DiscussionContentContainer>li {
    position: relative;
}
#MessageListContainer a[id*="anchorKeyTag"], #MessageListContainer a[id*="anchorTag"] {
    position: absolute;
    top: -135px;
}