/* Background Images and Footer */
#MPCopyright { clear: both; float: none; text-align: center; }
/* Theme Roller */
/****** HL resets ******/

/* 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 full-width sections */

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

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

/*** fix Add Event button styling ***/

.HLEventList .Content > div[id*="ContentPanel"] > .col-md-12.no-pad > .pull-right {
    float: none !important;
    text-align: right;
}
.HLEventList .Content > div[id*="ContentPanel"] > .col-md-12.no-pad > .pull-right + br {
    display: none;
}

@media (max-width: 768px) {
    .btn-group>.btn, .btn-group-vertical>.btn {
        float: left;
    }
}
/*** fixing non-responsive images ***/
img {
    max-width: 100%;
}

/*** fixing lack of wrapping on community settings dropdown buttons ***/
.CommunityManagementGearStatusPaddingL {
    white-space: normal;
}
/****** fix missing left-hand profile page content on my contacts page ******/
.text-muted-h2.my-contacts .col-md-3.section1 {
    display: block !important;
}
/****** accessibility - fixing contrast ******/
.label-default {
    background-color: #777;
}
/****** accessibility - adding in focus outlines ******/

.btn-group>.btn:focus, 
.btn-group-vertical>.btn:focus,
.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

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

.bg-gray {
    background: #ecf4f8;
    padding: 40px 15px;
}
#MainCopy_ContentWrapper > div:nth-last-child(2) {
    padding-bottom: 210px;
}
.home #MainCopy_ContentWrapper > div:nth-last-child(2) {
    padding-bottom: 135px;
}

/*** fonts ***/

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'TT Norms Pro', sans-serif;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 400;
    color: #092E3D;
}

.interior #MainCopy_ContentWrapper p {
    color: #000;  
}

h1,
.h1 {
    font-size: 54px;
    line-height: 1.07;
    font-weight: 800;
}

h2,
.h2,
.HLLandingControl .heading h2,
.text-muted-h2 h2 {
    font-size: 26px;
    line-height: 1;
    letter-spacing: 1.3px;
    font-weight: 800;
    text-transform: uppercase;
    color: #092E3D;
    position: relative;
    padding-left: 0;
}
.large-h2 h2,
.large-h2 .h2 {
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    font-size: 49px;
    line-height: 1.08;
    color: #464749;
    margin-top: 0;
}
h3,
.h3,
h3 a,
.HLLandingControl h3 a {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: #0F475E;
    text-decoration: none;
}

h3 a:hover,
h3 a:focus,
.HLLandingControl h3 a:hover,
.HLLandingControl h3 a:focus,
.HLLandingControl a:hover h3,
.HLLandingControl a:focus h3 {
    color: #FCB338;
}

.HLLandingControl h3 {
    margin-bottom: 6px;
}

h4, .h4 {
    font-size: 16px;
    line-height: 1.6875;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    font-weight: 700;
}

h5, .h5 {
    font-weight: 900;
    font-size: 22px;
    line-height: 1.32;
}

a {
    color: #2B6A83;
    text-decoration: underline;
    font-weight: 700;
}

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

.caps-link a {
    text-transform: uppercase;
    letter-spacing: 1.92px;
}

.p-emphatic p {
    font-family: 'Argesta Display', serif;
    font-style: italic;
    font-size: 32px;
    line-height: 1.3;
}
.p-emphatic-large p {
    font-family: 'Argesta Display', serif;
    font-style: italic;
    font-size: 37px;
    line-height: 1.2;
}
.large-text {
    font-size: 24px;
    line-height: 1.33;
    color: #464749;
}
.large-text strong {
    font-weight: 500;
}

/*** transitions ***/

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

/****** margins between rows ******/

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

@media (max-width: 991px) {
    .margin-bottom-30-mob {
        margin-bottom: 30px;
    }
}

/****** highlight tiles ******/

.highlight-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;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.highlight-tile h2,
.highlight-tile h3 {
	margin-top: 4px;
}

/****** grey tiles ******/

.grey-tile {
    background: #EFF1F1;
    padding: 20px 20px 35px 20px;
    color: #464749;
}
.grey-tile h2 {
    color: #464749;
    font-size: 32px;
    line-height: 1.125;
    letter-spacing: 0.64px;
    margin-top: 0;
    margin-bottom: 12px;
    text-align: center;
}
.grey-tile h3 {
    color: #464749;
    font-size: 25px;
    line-height: 1.08;
    margin-top: 0;
    margin-bottom: 10px;
}
.grey-tile ul {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 20px;
}
.grey-tile ul li {
    margin-bottom: 8px;
}
.grey-tile.make-buttons h3 em,
.grey-tile.make-buttons ul em,
.grey-tile.make-buttons p em,
.green-tile.make-buttons h3 em,
.green-tile.make-buttons ul em,
.green-tile.make-buttons p em {
    margin: 0;
    display: inline;
}
.grey-tile.make-buttons .HtmlContent > em,
.green-tile.make-buttons .HtmlContent > em {
    display: block;
    text-align: center;
}

/*** green tiles ***/

.green-tile {
    background-color: #E2EDEF;
    border-radius: 40px 0;
    padding: 40px 35px 50px 35px;
    color: #092E3D;
    font-size: 17px;
    line-height: 1.35;
}
.green-tile h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    color: #092E3D;
    font-size: 24px;
}
.green-tile ul {
    padding-left: 0;
    margin-bottom: 20px;
}

/************ interior page code from existing site ************/

/****** chapter tiles ******/

.tiles {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 300px;
	margin-top: 40px;
}

.tile {
	position: relative;
	background-blend-mode: multiply;
}

.tile h3 {
	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 40px;
	color: #fff;
	transition: .3s;
}

.tile h5 {
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 40px;
	color: #fff;
	opacity: 0;
	transition: .3s;
	/* font-family: calibri, 'Open Sans', sans-serif; */
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.tile h5::after {
	margin-left: 4px;
	font-family: WWCDA;
	content: '\f007';
}

.tile:hover h3,
.tile:focus h3 {
	bottom: 70px;
	text-decoration: underline;
}

.tile:hover h5,
.tile:focus h5 {
	bottom: 40px;
	opacity: 1;
}

.blue-tile {
	background-color: rgba(43,107,130, 0.5);
}

.blue-tile:hover,
.blue-tile:focus {
	background-color: #2B6B82;
}

.black-tile {
	background-color: rgba(70,71,73, 0.5);
}

.black-tile:hover,
.black-tile:focus {
	background-color: #464749;
}

.gold-tile {
	background-color: rgba(252,179,56, 0.5);
}

.gold-tile:hover,
.gold-tile:focus {
	background-color: #fcb338;
}

/****** headshots ******/

.headshots>div>div>div {
	min-height: 440px;
}

.five-across .headshots {
	margin: 15px -30px 15px
}

.five-across .headshot {
	flex-basis: calc(20% - 30px);
	max-width: calc(275px - 30px);
	min-width: unset;
}
.headshot.full-width {
	flex-basis: 100%;
	max-width: unset;
	margin: auto calc(50% - 160px);
}

.chapter-leaders,
.headshots {
	display: flex;
	margin: 15px -15px 0 15px;
	flex-wrap: wrap;
}

.chapter-leader,
.headshot {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 25%;
	padding: 15px;
	display: flex;
	max-width: 300px;
	min-width: 250px;
}

.chapter-leader .HtmlContent,
.headshot .HtmlContent {
	background: #f5f5f5;
	padding: 20px;
	text-align: center;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}

.chapter-leader .HtmlContent>strong,
.chapter-leader .HtmlContent p>strong,
.headshot .HtmlContent>strong,
.headshot .HtmlContent p>strong {
	border-radius: 50%;
	height: 200px;
	width: 200px;
	overflow: hidden;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.chapter-leader strong>img,
.headshot strong>img {
	position: relative;
	max-width: 100% !important;
	height: auto !important;
	width: 100%;
}

.chapter-leader h4,
.headshot h4 {
	font-weight: 700;
	text-transform: uppercase;
}

.who-we-are .headshot h3 span {
    color: #092e3d !important;
}

/*** event recaps ***/

.bg-gray h2,
.bg-gray .HLLandingControl .heading h2 {
	margin-top: 0;
	margin-bottom: 20px;
}

.event-recap a {
	display: flex;
	color: #414141;
	margin-bottom: 20px;
	font-weight: 400;
	text-decoration: none;
}

.event-recap .text-container {
	flex: 1 1 63%;
	background: #fff;
	padding: 20px;
}

.event-recap .img-container {
	flex: 1 1 37%;
	background-size: cover;
	background-position: center;
}

.event-recap h3 {
	margin-top: 0;
}

.event-recap .img-container img {
	display: none;
}

.recap-btn em a {
	margin-top: 10px;
}

/*** upcoming events ***/

.HLEventList .pull-right+br {
	display: none;
}

.upcoming-events .HLEventList ul li {
	background: #fff;
	border: none;
	padding-bottom: 0;
}

.upcoming-events .HLEventList ul li .col-md-10 {
	padding: 20px !important;
}

.upcoming-events .HLEventList ul li .timeAgoFormat {
	font-size: 16px;
	margin-bottom: 10px;
}

.upcoming-events .HLEventList ul li>a {
	display: block;
	color: #414141;
	font-weight: 400;
	text-decoration: none;
}

.upcoming-events .HLEventList ul li>a:hover,
.upcoming-events .HLEventList ul li>a:focus,
.event-recap a:hover,
.event-recap a:focus {
	text-decoration: none;
}

.upcoming-events .HLEventList ul li>a:hover h3,
.upcoming-events .HLEventList ul li>a:focus h3,
.event-recap a:hover h3,
.event-recap a:focus h3 {
	text-decoration: underline;
	color: #1a7aa2;
}
.HLEventList ul li .col-md-10 .title-row {
    max-height: 115px;
    overflow: hidden;
}

/* date blocks */

.HLEventList ul li div[id*="EventList_itemRow"] {
	display: flex;
}

.HLEventList ul li .col-md-2 {
	flex: 1;
	flex-basis: 200px;
	display: flex;
	flex-direction: column;
}

.HLEventList ul li .col-md-2>.row.margin-bottom-medium {
	margin-bottom: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.logged-out .HLEventList ul li .col-md-10 {
	flex: 1;
    flex-basis: calc(100% - 200px);
    padding-left: 15px;
}

.HLEventList ul li .col-md-10 {
	flex: 1;
    flex-basis: calc(100% - 200px);
    padding-left: 15px;
}

.HLEventList ul li .date-block {
	background: #797A7C;
	padding: 20px !important;
	width: 200px;
	flex: 1;
	transition: background .3s;
}

.HLEventList ul li a:hover .date-block,
.HLEventList ul li a:focus .date-block {
	background: #135976;
	transition: background .3s;
}

.HLEventList ul li .date-block .calendar-day {
	display: none;
}

.HLEventList ul li .date-block .calendary-number {
	color: #fff;
	font-weight: 900;
	font-size: 70px;
	line-height: 70px;
}

.HLEventList ul li .date-block .calendar-month {
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/*** accordions ***/
.accordion-heading h3 {
	font-size: 20px;
	font-weight: 400;
	color: #2B6A83;
	background: #fff;
	padding: 15px 10px;
	margin: 0;
	border-top: 1px solid #f4f4f4;
	cursor: pointer;
	transition: .3s;
}

.accordion-heading h3:hover,
.accordion-heading h3:focus {
	color: #fcb338;
	transition: .3s;
}

.accordion-heading h3::before {
	font-family: WWCDA;
	content: "\f013";
	margin-right: 10px;
}

.open .accordion-heading h3::before {
	font-family: WWCDA;
	content: "\f015";
}

.accordion-text {
	display: none;
}

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

.accordion-wrap {
	margin-bottom: 15px;
}
/* Image Gallery CSS */

.gallery-images {
	background-color: #f7f7f7;
}

.gallery-images .slick-track {
	opacity: 1;
	height: 450px;
}

.gallery-slide {
	opacity: 1;
	height: 450px !important;
	max-height: 650px;
}

.gallery-nav .nav-slide img {
	max-height: 100px;
	width: auto;
	margin: 0px 10px;
}

.gallery-images .slick-slide {
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.gallery-images .slick-dotted.slick-slider {
	margin-bottom: 30px;
	margin-top: 30px;
}

.gallery-nav .slider-nav .slick-arrow {
	position: absolute;
	z-index: 20;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	color: #9a213f;
	/* change to appropriate color */
	font-size: 30px;
}

.gallery-nav .slider-nav .prev-arrow {
	left: -45px;
}

.gallery-nav .slider-nav .next-arrow {
	right: -45px;
}

.gallery-nav .slick-center img {
	border-bottom: 4px solid #0c5977;
	/* change to appropriate color */
	padding-bottom: 6px;
}

/* hide directory filters */


.hide-ribbons .member-directory .threadViewDetailsContainer .digitalRibbonDisplay .discussion-ribbon,
.results-only div[id*="DisplayContacts"]>.row.row-bottom-margin *,
.results-only div[id*="DisplayContacts"] #pageNumbers * {
	display: none;
}

.show-pagination div[id*="DisplayContacts"] #pageNumbers * {
	display: block;
}

/****** bylines ******/

.HLLandingControl ul li .ByLine, .HLLandingControl ul li h5 {
    font-size: 14px;
}

/****** 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 a,
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a,
.featured-member .HtmlContent>strong {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

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

.featured-member .HtmlContent>strong {
    width: 60px;
    height: 60px;
}

.Welcome button.btn-default.btn.imgButton {
    width: 27px;
    height: 27px;
    min-height: 27px;
    border: none;
    margin-left: 8px;
    padding: 0;
}

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

.featured-member .HtmlContent>strong {
    width: 60px;
    height: 60px;
}

.Welcome button.btn-default.btn.imgButton {
    width: 23px;
    height: 23px;
    min-height: 23px;
    border: none;
    margin-left: 10px;
}

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

.text-muted-h2 div[id*=ProfileImage] div[id*=pnlImage]   {
    width: calc(100% - 130px);
}

.HLEngagement .Picture a,
a[id*="Welcome_Details_ProfileLink"] {
    width: 50px;
    height: 50px;
}

.welcome-profile-img a[id*="lnkDisplay"] {
    width: 100px;
    height: 100px;
}

.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,
.featured-member .HtmlContent>strong img {
    position: relative;
    max-width: 100% !important;
    height: auto;
}

.blogs-block .profile-avatar img {
    width: auto;
    height: auto;
    max-height: unset;
}

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

/*** buttons ***/

/* default HL buttons */

.btn:not(.dropdown-toggle) {
    white-space: normal;
}

/* custom buttons and landing controls */

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

.make-buttons em a {
    margin: 5px;
}
.p-emphatic p em a,
.p-emphatic-large p em a {
    font-family: 'TT Norms Pro', sans-serif;
}

.summary-edit em a,
.make-buttons em a,
.btn.btn-primary,
.btn.btn-success,
.btn.btn-default,
.btn.alert-warning,
#MPAuxNav ul.level1 li a,
.btn.btn-danger {
    display: inline-block;
    font-style: normal;
    text-decoration: none;
    border: none;
    color: #092e3d;
    background: #FCB338;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.29);
    border-radius: 9px;
    padding: 15px 14px;
    text-align: center;
}

.summary-edit em a:hover,
.summary-edit em a:focus,
.make-buttons em a:hover,
.make-buttons em a:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
#MPAuxNav ul.level1 li a:hover,
#MPAuxNav ul.level1 li a:focus,
.btn.alert-warning:hover,
.btn.alert-warning:focus {
    background: #092e3d;
    color: #FCB338;
}

.make-buttons.blue em a {
    color: #fff;
    background-color: #2B6A83;
}
.make-buttons.blue em a:hover,
.make-buttons.blue em a:focus {
    color: #fff;
    background-color: #092E3D;
}
.btn.btn-danger {
    background-color: #d43f3a;
    color: #fff;
    border-color: #d43f3a;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
    background-color: #ac2925;
    border-color: #ac2925;
    color: #fff;
}
.HLLandingControl div[id*="BottomLink"] .col-md-12 {
    padding: 0;
    text-align: right;
    margin-top: 10px;
}

.HLLandingControl a[id*="More"],
.HLLandingControl a[id*="LinkToCalendar"],
.HLLandingControl a[id*="More"]:hover,
.HLLandingControl a[id*="LinkToCalendar"]:hover,
.HLLandingControl a[id*="More"]:focus,
.HLLandingControl a[id*="LinkToCalendar"]:focus,
.HLLandingControl a[id*="More"]:active,
.HLLandingControl a[id*="LinkToCalendar"]:active {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    color: #2B6A83;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: 1.92px;
}

.make-buttons.cta-button em a,
#MPAuxNav ul.level1 li a {
    text-transform: none;
    letter-spacing: 0;
    padding: 14px 17px;
}
.make-buttons.cta-button em a::after {
    margin-left: 12px;
    font-family: WWCDA;
    content: '\f016';
}
#MPAuxNav ul.level1 li a {
    margin: 0;
}
.btn.btn-sm,
h2 .pull-right .btn,
.blogs-block .col-md-8 .dropdown-multi-option .btn,
.message-list-controls .btn,
.make-buttons.small em a {
    padding: 5px 10px;
    text-transform: none;
    letter-spacing: 0;
}
.btn.btn-sm,
h2 .pull-right .btn,
.message-list-controls .btn,
.make-buttons.small em a {
    border-radius: 4px;
}
.message-list-controls .btn {
    padding: 8px 10px;
    margin-left: 5px;
}
.blogs-block .col-md-8 .dropdown-multi-option .btn.dropdown-toggle {
    padding: 5px;
}
.btn.btn-xs {
    padding: 2px 5px;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 4px;
}
div[id*="EmailAddressPanel"] .btn {
    padding: 8px 10px;
}
.btn-primary .caret, 
.btn-success .caret, 
.btn-warning .caret, 
.btn-danger .caret, 
.btn-info .caret,
.btn-default .caret {
    border-top-color: #464749;
}
.btn-primary:hover .caret, 
.btn-primary:focus .caret, 
.btn-success:hover .caret,
.btn-success:focus .caret, 
.btn-warning:hover .caret,
.btn-warning:focus .caret, 
.btn-danger:hover .caret, 
.btn-danger:focus .caret, 
.btn-info:hover .caret,
.btn-info:focus .caret,
.btn-default:hover .caret,
.btn-default:focus .caret {
    border-top-color: #FCB338;
}

/*** nav ***/

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background: #2B6A83;
}
.nav .caret {
    border-top-color: #2B6A83;
    border-bottom-color: #2B6A83;
    transition: .3s;
}
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #FCB338;
    border-bottom-color: #FCB338;
    transition: .3s;
}
.badge {
    background-color: #2b6a83;
    transition: .3s;
}
.btn-default .badge {
    background-color: #464749;
    color: #fcb338;
}
a.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #2b6a83;
    background-color: #fff;
}
a:hover .badge,
a:focus .badge {
    background-color: #fcb338;
    transition: .3s;
    color: #464749;
}

/*** pagination + toggle buttons ***/

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #fcb338;
    border-color: #fcb338;
    color: #464749;
}

/*** search buttons ***/

.faceted-search-toggle .btnSearch,
.custom-search-form .btn {
    padding: 0;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*** dropdown toggles ***/

.bootstrap-select .btn.dropdown-toggle {
    color: #666;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #464749;
    border-color: #464749;
    color: #fcb338;
}
.btn-success:hover .caret, 
.btn-success:focus .caret, 
.btn-success:active .caret, 
.btn-success.active .caret, 
.open .dropdown-toggle.btn-success .caret {
    border-top-color: #fcb338;
}

/****** rounded images ******/

.rounded-image img {
    border-top-left-radius: 98px;
    border-bottom-right-radius: 98px;
}

/****** row widths ******/

@media (min-width: 992px) {
    .row-7-5 > .col-md-8 {
        width: 58%;
    }
    .row-7-5 > .col-md-4 {
        width: 42%;
    }
    .row-extra-pad > div[class*="col-md-"]:not(:last-child) {
        padding-right: 35px;
    }
}

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

#MPheader>#Logo.row {
    float: left;
    padding-top: 15px;
}

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

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

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

#MPOuterHeader {
    padding: 18px 15px 27px 15px;
    background: #092E3D;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.29);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.interior #MPOuterHeader {
    box-shadow: none;
}

.home #MPOuterHeader {
    background: transparent;
    box-shadow: none;
}

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

#MPOuterMost.full #HEADER {
    width: 100%;
    max-width: 1560px;
}

#Logo img {
    width: 490px;
    max-width: 100%;
}
#MPheader>div.row {
    padding: 0;
}

/*** accommodating super admin toolbar ***/

#admin-toolbar ~ #MPOuterMost #MPOuterHeader {
    margin-top: 30px;
}

/*** login link ***/

#Welcome_LoginLink {
    padding: 0;
    background: transparent;
    border: none;
    border-bottom: 2px solid #FCB338;
    color: #fff;
    font-weight: 500;
    font-size: 18.5px;
    line-height: 23px;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 0;
    margin-left: 26px;
    margin-top: 8px;
}

#Welcome_LoginLink::before {
    font-family: WWCDA;
    content: '\f020';
    margin-right: 16px;
    font-size: 20px;
    float: left;
}
#Welcome_LoginLink:hover,
#Welcome_LoginLink:focus {
    color: #FCB338;
}

/*** logged in welcome ***/

#BtnShowProfile {
    display: none;
}

.greeting {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    float: right;
    font-weight: 700;
}

.greeting a {
    font-weight: 700;
    text-decoration: underline;
    color: #fff;
}
.greeting a:hover,
.greeting a:focus {
    text-decoration: none;
    color: #FCB338;
}

/****** search ******/

#searchColumn {
    display: none;
    background: #ecf4f8;
    padding: 10px 15px;
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.search-bar-top {
    height: 0;
    background: #092E3D;
    padding: 0 180px;
    transition: .3s;
    overflow: hidden;
    transform: translateY(-20px);
    margin-left: -180px;
    margin-right: -180px;
}

#searchColumn #MPSearchBlock,
.search-bar-top #MPSearchBlock {
    margin-top: 0;
}

.search-bar-top.open {
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.search-btn-top {
    margin-left: 6px;
}
.search-btn-top button::before {
    font-family: WWCDA;
    content: '\f017';
    color: #fff;
    font-size: 15px;
    line-height: 26px;
}

#searchColumn .SearchInputs,
.search-bar-top .SearchInputs {
    box-shadow: 0 2px 2px 0 rgba(9, 69, 85, 0.05);
    background: #fff;
}

.search-bar-top .form-control,
#searchColumn .form-control {
    color: #092E3D;
    font-weight: 700;
    height: 60px;
    padding: 15px 20px;
    border-radius: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}
.search-bar-top .form-control {
    opacity: 0;
    transition: .3s;
}
.open.search-bar-top .form-control {
    opacity: 1;
    transition: .3s;
}
.search-bar-top .form-control::placeholder,
#searchColumn .form-control::placeholder {
    font-style: normal;
}

.search-bar-top button[id*="SearchButton"],
.search-btn-top button,
#searchColumn button[id*="SearchButton"] {
    background: #ecf4f8;
    text-align: center;
    padding: 0;
    border-radius: 0;
    border: none;
    color: #135976;
}

.search-btn-top button {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #FCB338;
    font-size: 15px;
}

.search-bar-top button[id*="SearchButton"],
#searchColumn button[id*="SearchButton"] {
    height: 52px;
    width: 52px;
    margin: 3px;
}

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

.search-bar-top button[id*="SearchButton"] .glyphicon-search::before,
#searchColumn button[id*="SearchButton"] .glyphicon-search::before {
    font-family: WWCDA;
    content: '\f001';
    font-size: 32px;
}

.search-bar-top button[id*="SearchButton"]:hover,
.search-bar-top button[id*="SearchButton"]:focus,
#searchColumn button[id*="SearchButton"]:hover,
#searchColumn button[id*="SearchButton"]:focus,
.search-btn-top button:hover,
.search-btn-top button:focus {
    background: #135976;
    color: #fff;
}

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

#NAV {
    position: absolute;
    right: calc(50% - 780px);
    bottom: -8px;
    margin: 0;
    z-index: 10;
}

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

#NAV .navbar-nav {
    float: right;
}

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

#NAV .navbar {
    min-height: 0;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.disabled>a {
    color: #fff;
    background-color: transparent;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 4px 18px;
}
.navbar-default .navbar-nav>li:nth-last-child(2)>a,
.navbar-default .navbar-nav>.active:nth-last-child(2)>a,
.navbar-default .navbar-nav>.disabled:nth-last-child(2)>a,
.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: #FCB338;
    background: transparent;
}

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

/* caret */

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

/* dropdowns */

.navbar-nav>li>.dropdown-menu,
.nav-tabs .dropdown-menu {
    background-color: #fff;
    border: none;
    border-top: 4px solid #135976;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    min-width: 220px;
}
.navbar-nav>li>.dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
}
.navbar-nav .dropdown-menu>li>a,
.nav-tabs .dropdown-menu > li > a {
    color: #414141;
    /* font-family: calibri, 'Open Sans', sans-serif; */
    padding: 10px 30px 10px 15px;
    border-bottom: 1px solid #ecf4f8;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}

.navbar-nav .dropdown-menu>li>a::before,
.nav-tabs .dropdown-menu > li > a::before {
    font-family: WWCDA;
    content: '\f002';
    font-size: 9px;
    transition: .3s;
    position: absolute;
    opacity: 0;
    left: 15px;
}

.navbar-nav .dropdown-menu>li:last-child>a,
.nav-tabs .dropdown-menu > li:last-child > a {
    border-bottom: none;
}

.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 ,
.nav-tabs .dropdown-menu > .active > a,
.nav-tabs .dropdown-menu > .active > a:hover,
.nav-tabs .dropdown-menu > .active > a:focus,
.nav-tabs .dropdown-menu > li > a:hover,
.nav-tabs .dropdown-menu > li > a:focus {
    background: #ecf4f8;
    color: #135976;
    padding: 10px 15px 10px 30px;
}

.navbar-nav .dropdown-menu>.active>a::before,
.navbar-nav .dropdown-menu>.active>a:hover::before,
.navbar-nav .dropdown-menu>.active>a:focus::before,
.navbar-nav .dropdown-menu>li>a:hover::before,
.navbar-nav .dropdown-menu>li>a:focus::before,
.nav-tabs .dropdown-menu>.active>a::before,
.nav-tabs .dropdown-menu>.active>a:hover::before,
.nav-tabs .dropdown-menu>.active>a:focus::before,
.nav-tabs .dropdown-menu>li>a:hover::before,
.nav-tabs .dropdown-menu>li>a:focus::before {
    opacity: 1;
    transition: .3s;
}

/************ resetting homepage ************/

.home .row-wide {
    max-width: 1118px;
}

.home p {
    margin-bottom: 22px;
}

/****** utility classes for row widths ******/

@media (min-width: 992px) {
    .row-6-4 .col-md-8 {
        width: 60%;
    }
    .row-6-4 .col-md-4 {
        width: 40%;
    }
}

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

.hero .HtmlContent {
    padding: 280px calc(50% - 600px) 168px 50%;
}

.hero.overlay .HtmlContent {
    background: rgba(0,0,0,0.45);
}

.hero h1 {
    color: #fff;
    font-size: 60px;
    line-height: 1.07;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 7px;
}
.hero p {
    margin-bottom: 20px;
    color: #fff;
}

/************ icon links ************/

.icon-links {
    margin-top: -40px;
}
.icon-link {
    text-align: center;
}
.icon-link i {
    border: 9px solid #FFFFFF;
    background: #B8D1D7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 1;
    color: #092E3D;
    font-size: 62px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.icon-link a {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    letter-spacing: 0.42px;
    text-decoration: underline;
    color: #092E3D;
}
.icon-link a em {
    text-transform: none;
    display: block;
    font-family: 'Argesta Display', sans-serif;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.47px;
}

/************ homepage events ************/

.events-row > .col-md-8 {
    padding-right: 30px;
    padding-left: 15px;
}
.events-row > .col-md-8 h2 {
    width: 620px;
    max-width: 100%;
    margin-left: auto;
    margin-right:  auto;
    margin-top: 0;
    margin-bottom: 15px;
}
.events-row > .col-md-8 div[class*="col-md"] {
    padding: 0;
}

/****** regular events ******/

.homepage-events .HLEventList ul li div[id*="EventList_itemRow"] {
    display: flex;
    width: 100%;
}
.home-event,
.homepage-events ul li {
    display: flex;
    margin-bottom: 15px;
}
.homepage-events ul li {
    padding: 0;
    border-bottom: none;
}
.home-event:nth-last-child(2),
.homepage-events ul li:last-child {
    margin-bottom: 0;
}
.home-event > .col-md-3,
.homepage-events ul li > div > .col-md-2 {
    width: calc(25% - 16px);
    margin-right: 16px;
}
.home-event > .col-md-9,
.homepage-events ul li > div > .col-md-10 {
    width: 75%;
}
.homepage-events ul li > div > .col-md-2,
.homepage-events ul li > div > .col-md-10 {
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
}
.home-event > .col-md-3,
.home-event > .col-md-9,
.homepage-events ul li > div > .col-md-2,
.homepage-events ul li > div > .col-md-10 {
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
}
.event-date,
.event-info,
.event-date .HtmlContent,
.event-info .HtmlContent,
.homepage-events ul li > div > .col-md-2 > .row,
.homepage-events .date-block,
.homepage-events ul li > div > .col-md-10 .title-row,
.homepage-events ul li > div > .col-md-10 .col-md-12 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
}
.event-date .HtmlContent,
.event-info .HtmlContent,
.homepage-events .date-block,
.homepage-events ul li > div > .col-md-10 .col-md-12 {
    flex-direction: column;
    justify-content: center;
}

/****** event dates ******/

.event-date .HtmlContent,
.homepage-events .date-block {
    background: #797A7C;
    align-items: center;
    padding: 16px 0;
    text-align: center;
}
.homepage-events .HLEventList ul li .col-md-2 .date-block {
    width: 100%;
    padding: 16px 0 !important;
}
.event-date h4,
.event-date p,
.event-date h5,
.HLEventList ul li .date-block .calendar-day,
.HLEventList ul li .date-block .calendary-number,
.HLEventList ul li .date-block .calendar-month {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}
.event-date p,
.homepage-events .HLEventList ul li .date-block .calendary-number {
    font-size: 64px;
    font-weight: 900;
    line-height: 1;
}
.homepage-events .HLEventList ul li .date-block .calendar-day {
    display: block;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    letter-spacing: 1.92px;
}
.homepage-events .HLEventList ul li .date-block .calendar-month {
    font-size: 22px;
    line-height: 27px;
    font-weight: 900;
    text-transform: none;
    letter-spacing: 0;
}

/****** event info ******/

.event-info,
.homepage-events .HLEventList ul li .col-md-10 {
    background: #EFF1F1;
    padding: 8px;
    color: #353537;
    font-size: 18px;
    line-height: 1.22;
}
.homepage-events .HLEventList ul li .col-md-10 {
    padding: 8px !important;
}
.event-info h3,
.homepage-events .HLEventList ul li h3 {
    margin-top: 0;
    margin-bottom: 6px;
}
.event-info h3 a,
.homepage-events .HLEventList ul li h3 a {
    color: #464749;
    font-size: 26px;
    line-height: 22px;
    border-bottom: 2px solid #2B6A83;
}
.event-info h3 a:hover,
.event-info h3 a:focus,
.homepage-events .HLEventList ul li h3 a:hover,
.homepage-events .HLEventList ul li h3 a:focus {
    border-bottom-color: transparent;
    text-decoration: none;
}
.event-info p,
.homepage-events .HLEventList ul li .timeAgoFormat:not(:last-child) {
    margin-bottom: 6px;
}
.event-info p:last-child,
.homepage-events .HLEventList ul li div[id*="LocationPanel"] {
    margin-bottom: 0;
}
.event-info p a {
    font-weight: 500;
}
.homepage-events .HLEventList ul li .col-md-10 .title-row {
    overflow: visible;
    max-height: unset;
}
.homepage-events .HLEventList ul li p.break-word {
    margin-bottom: 0;
}

/****** featured event ******/

.featured-event {
    margin-bottom: 16px;
    display: flex;
}
.featured-event > .col-md-4 {
    flex-grow: 0;
    flex-shrink: 1;
    width: calc(45% - 16px);
    margin-right: 16px;
    display: flex;
}
.featured-event > .col-md-8 {
    flex-grow: 0;
    flex-shrink: 1;
    width: 55%;
}
.event-image {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
}

.featured-event .event-date .HtmlContent {
    background: #FCB338;
    padding: 12px 8px 8px 8px;
    margin-bottom: 16px;
}
.featured-event .event-date h4,
.featured-event .event-date h5 {
    color: #464749;
}
.featured-event .event-date h4 {
    line-height: 1.8125;
}
.featured-event .event-date h5 {
    font-size: 29px;
    line-height: 1;
}

/****** events link ******/

.events-link {
    position: absolute;
    right: 0;
    bottom: -30px;
}

/************ grey callout rows ************/


.callout-row {
    background: #E2E2E2;
    margin-top: 90px;
    margin-bottom: 90px;
    padding: 60px calc(50% - 544px);
}
.callout-row.narrow-callout {
    padding: 45px calc(50% - 406px) 30px calc(50% - 406px);
}
.callout-row h2,
.callout-row h3,
.callout-row h4,
.callout-row p {
    color: #464749;
}
.callout-row h3 {
    font-size: 26px;
    line-height: 1;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0;
}
.callout-row h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/****** testimonial ******/

.callout-row .testimonial {
    text-align: left;
    position: relative;
}
.callout-row .testimonial::before {
    content: '\f01d';
    font-family: WWCDA;
    background-color: #353537;
    font-style: normal;
    font-size: 75px;
    line-height: 1;
    width: 75px;
    height: 75px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 0;
    left: -110px;
}

/************ CTA graphics ************/

.cta-graphic:not(:last-child) {
    margin-bottom: 10px;
}

/************ image CTAs ************/

.image-cta {
    border-radius: 98px 0;
    margin-bottom: 10px;
    overflow: hidden;
}
.image-cta .HtmlContent {
    height: 455px;
    display: flex;
    flex-direction: column;
    padding: 40px;
    text-align: center;
    position: relative;
    z-index: 10;
}
.image-cta:not(.locked) .HtmlContent {
    padding-bottom: 55px;
}
.image-cta h2 {
    margin-top: auto;
    color: #fff;
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.43;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.7px;
}
.image-cta.locked h2::before {
    font-family: WWCDA;
    content: '\f021';
    background-color: #052737;
    width: 62px;
    height: 62px;
    color: #fff;
    border-radius: 50%;
    font-size: 62px;
    line-height: 62px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
}
.image-cta.locked.make-buttons.cta-button em a {
    background: #fff;
    color: #0F425E;
    padding: 12px 16px;
}
.image-cta.locked.make-buttons.cta-button em a:hover,
.image-cta.locked.make-buttons.cta-button em a:focus {
    background: #0f425e;
    color: #fff;
}
.image-cta:not(.locked) em,
.image-cta:not(.locked) p {
    margin-top: auto;
}

/************ spotlight sections ************/

.grey-row {
    background: #EFF1F1;
    padding: 30px 15px;
    margin-top: 90px;
}
.spotlight-row > .col-md-4 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.spotlight-heading h2 {
    background: #092E3D;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
}
.spotlight-image {
    height: 225px;
    position: relative;
    margin-bottom: 15px;
}
.spotlight-image.make-buttons.cta-button em a {
    border-radius: 0;
    padding: 6px 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: none;
}
.spotlight-image.make-buttons.cta-button em,
.spotlight-image.make-buttons.cta-button em a {
    margin: 0;
}
.spotlight-row h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #353537;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}
.spotlight-row p {
    color: #353537;
    margin-bottom: 0;
}

/************ sponsors ************/

.sponsors-heading .HtmlContent {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-size: 39px;
    line-height: 1.2;
    color: #464749;
    max-width: 100%;
}
.sponsors-heading .HtmlContent a {
    font-weight: 700;
    color: #464749;
    text-decoration: none;
    border-bottom: 2px solid #2B6A83;
}
.sponsors-heading .HtmlContent a:hover,
.sponsors-heading .HtmlContent a:focus {
    border-bottom-color: transparent;
    text-decoration: none;
}

.sponsors > .col-md-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0;
}
.sponsor-logo {
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    height: 140px;
}
.sponsor-logo .HtmlContent {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/************ interior page titles ************/

.page-title {
    background-color: #0F475E;
    padding: 60px 0;
    margin-right: calc(50% - 512px);
    position: relative;
    padding-left: calc(50% - 585px);
    margin-bottom: 72px;
    padding-right: 100px;
}
.page-title::after {
    content: '';
    position: absolute;
    right: -87px;
    top: 0;
    border: 18px solid #fff;
    border-radius: 50%;
    background-color: #092E3D;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/WWCDA/f91903b9-02bb-4375-a3c3-25980d1d8b48/UploadedImages/2022_Redesign/WWCDA_25Anniversary2.png');
    background-position: center;
    background-size: contain;
    height: 175px;
    width: 175px;
}
#PageTitleH1 {
    color: #fff;
    padding: 0;
}
/* #PageTitleH1::before {
    content: 'WWCDA';
    font-weight: 300;
    font-size: 44px;
    line-height: 1.32;
    display: block;
} */

/************ interior page content ************/

.styled-list ol,
.styled-list ul {
    font-weight: 500;
}
.styled-list ol li,
.styled-list ul li {
    margin-bottom: 10px;
}
.no-h2-top-margin h2 {
    margin-top: 0;
}

/******* interior page testimonials ******/

.sidebar-testimonial {
    font-family: 'Argesta Display', serif;
    font-style: italic;
    font-size: 22px;
    line-height: 1.45;
    color: #464749;
    padding: 30px 30px 0 80px;
    border-top: 9px solid #A1BDC8;
    position: relative;
}
.sidebar-testimonial::before {
    content: '\f01d';
    font-family: 'Font Awesome 5 Pro';
    background-color: #fff;
    font-style: normal;
    font-size: 56px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
    border-radius: 50%;
    color: #B8D2D8;
    position: absolute;
    top: 30px;
    left: 0;
}
.sidebar-testimonial-attr {
    padding-left: 80px;
    margin-bottom: 65px;
}
.sidebar-testimonial-attr p {
    margin-bottom: 0;
    color: #464749;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.sidebar-testimonial-attr p + p {
    font-weight: 700;
    font-size: 15px;
}

/************ blog entry page ************/

.blogs-block .col-md-8 h4 {
    margin-top: 0;
    margin-bottom: 0;
}
.blogs-block h4 div[id*="ByLinePanel"] {
    display: flex;
    align-items: center;
}
.blogs-block h4 div[id*="ByLinePanel"] a,
.blogs-block h4 div[id*="ByLinePanel"] .TitleHeading {
    margin-right: 4px;
}

/*********** advisory board page ************/

.list-address-panel {
    margin-left: 0;
}

/************ profile pages ************/

.text-muted-h2 > .row > .col-md-4 h2 {
    font-size: 18px;
}

/************ welcome banner ************/

/* welcome banner */
.welcome-banner {
	padding-top: 16px;
	padding-bottom: 24px;
}

.welcome-banner > .row-wide,
.welcome-flex,
.profile-buttons {
	display: flex;
	align-items: center;
}

.home .welcome-banner,
.profile .welcome-banner {
    display: none;
}
.welcome-banner > .row-wide {
    max-width: 100%;
    padding-right: calc(50% - 795px);
    padding-left: calc(50% - 620px);
}
.welcome-banner > .row-wide > .col-md-3,
.welcome-banner > .row-wide > .col-md-9 {
    padding-left: 15px;
    padding-right: 15px;
}
/* .welcome-banner > .row-wide > .col-md-3 {
    display: block !important;
} */
@media (min-width: 992px) {
    .welcome-banner > .row-wide > .col-md-3 {
        width: 350px;
    }
    .welcome-banner > .row-wide > .col-md-9 {
        width: calc(100% - 350px);
    }
}

/* welcome greeting */
.welcome-profile-img {
	width: 100px;
	height: 100px;
	margin-right: 16px;
}

.welcome-profile-img .row + .row.margin-top-small {
    display: none;
}

.welcome-greeting {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #2B6A83;
}

.welcome-greeting span {
	display: block;
}

.welcome-greeting a {
	text-decoration: underline;
	font: normal normal bold 21px/26px TT Norms Pro;
	letter-spacing: 0px;
	color: #0F425E;
	text-transform: uppercase;
}

/* inbox */
.email-content {
	margin-top: 17px;
}

.email-content a {
	font-size: 13px;
	line-height: 15px;
	text-align: right;
	letter-spacing: 0.16px;
	color: #FFFFFF;
	text-transform: uppercase;
	background: #2B6A83 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 2px solid #092E3D;
	border-radius: 9px;
	opacity: 1;
	padding: 8px 15px;
	text-decoration: none;
	position: relative;
	padding-left: 40px;
}

.email-content a::before {
	content: '\f0e0';
	font-size: 18px;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	float: left;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

/* profile buttons */

.profile-buttons {
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: -5px;
}

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

.welcome-message p {
	font-size: 16px;
	line-height: 19px;
	text-align: right;
	font-weight: bold;
    margin-bottom: 16px;
    color: #2B6A83;
}

.make-buttons.profile em a {
	background: #2B6A83;
	color: #fff;
}

.make-buttons.profile em a:is(:hover, :focus) {
	background: #092E3D;
}

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

#MPOuterFooter {
    background: #0F425E;
}
#MPCopyright,
#MPFooterLink {
    display: none;
}
#MPOuterMost.full #FOOTER.col-md-12 {
    padding: 0;
    max-width: 100%;
}
.footer-top-row,
.footer-bottom-row,
.footer-top-row a,
.footer-bottom-row a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}
.footer-top-row a:hover,
.footer-top-row a:focus,
.footer-bottom-row a:hover,
.footer-bottom-row a:focus {
    color: #FCB338;
}
.footer-top-row {
    padding: 40px calc(50% - 730px);
    display: flex;
}
.footer-top-row > .col-md-3 {
    padding-left: 15px;
    padding-right: 15px;
}
.footer-top-row > .col-md-3:first-child {
    flex-basis: 35%;
}
.footer-top-row > .col-md-3:nth-child(2) {
    width: 30%
}
.footer-top-row > .col-md-3:nth-child(3) {
    width: 20%;
}
.footer-top-row > .col-md-3:last-child {
    width: 15%;
}
.footer-logo {
    width: 300px;
    max-width: 100%;
    font-size: 11px;
    line-height: 13px;
}
.footer-logo img {
    margin-bottom: 30px;
}
.footer-logo a {
    font-weight: 400;
}
.footer-top-row p:not(:last-child) {
    margin-bottom: 20px;
}
.footer-social ul {
    padding: 0;
    list-style-type: none;
    display: flex;
}
.footer-social li:not(:first-child) {
    margin-left: 15px;
}
.footer-social li a {
    font-size: 21px;
    line-height: 1;
    color: #fff;
}
.footer-bottom-row {
    background: #092E3D;
    padding: 22px calc(50% - 730px);
}
.footer-bottom-row,
.footer-bottom-row a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}
.footer-attribution {
    text-align: right;
}
#FOOTER .col-md-12 {
    min-height: 0;
}

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

@media (max-width: 1590px) {
    .welcome-banner > .row-wide {
        padding-left: 0;
        padding-right: 0;
    }
    #NAV {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }
    .search-bar-top {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1460px) {
    .footer-top-row {
        padding: 40px 0;
    }
}

@media (max-width: 1350px) {
    #Logo img {
        width: 340px;
    }
    #MPAuxNav ul.level1 li a {
        margin-top: -20px;
    }
}

@media (max-width: 1200px) {
    #MPOuterHeader {
        padding-left: 0;
        padding-right: 0;
    }
    .interior .page-title #PageTitleH1 {
        padding: 0 15px;
    }
    .page-title {
        margin-right: 82px;
        padding-left: 0;
    }
    .hero .HtmlContent {
        padding-right: 15px;
    }
    .welcome-banner .welcome-flex .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.disabled>a {
        padding-left: 15px;
        padding-right: 15px;
    }
    .search-btn-top {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 1118px) {
    .callout-row {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1055px) {
    .callout-row.narrow-callout {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media (max-width: 992px) {
    .row-wide div[class*="section"],
    .interior .row-wide div[class*="section"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .footer-bottom-row,
    .footer-attribution {
        text-align: center;
    }
    .footer-top-row {
        display: block;
        text-align: center;
    }
    .footer-top-row > .col-md-3[class*="section"] {
        width: 100%;
    }
    .footer-logo {
        width: 100%;
    }
    .footer-logo img {
        margin-left: auto;
        margin-right: auto;
        width: 300px;
    }
    .footer-social ul {
        justify-content: center;
    }
    .footer-top-row .footer-social ul li {
        margin: 0 12px;
    }
    .hero .HtmlContent {
        padding-left: 15px;
    }
    .icon-links {
        display: flex;
    }
    .icon-links > .col-md-4 {
        flex-basis: 33.33333333%;
    }
    .events-row > .col-md-8 {
        margin-bottom: 30px;
        padding-right: 15px;
    }
    .events-link {
        position: relative;
        bottom: auto;
        right: auto;
        text-align: right;
        margin-top: 10px;
    }
    .welcome-banner > .row-wide {
        display: block;
    }
    .welcome-message {
        display: none;
    }
    .profile-buttons {
        margin-top: 15px;
    }
    .tiles {
        grid-template-columns: 1fr 1fr;
    }
}

/*** hamburger nav ***/

@media (max-width: 991px) {
    .navbar-nav>li>.dropdown-menu {
        left: 0;
        transform: none;
    }
    #MPOuterMost .search-btn-top {
        display: none;
    }
    #searchColumn {
        display: block;
    }
    #searchColumn .form-control {
        padding: 6px 12px;
    }
    #MPOuterMost #searchColumn {
        float: none !important;
        max-width: calc(100% - 30px);
        margin: 15px;
    }
    #NAV {
        margin-top: -22px;
        position: relative;
        z-index: 10;
    }
    #NAV .navbar-nav {
        float: left;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        margin-right: 15px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        background: transparent;
        padding-left: 0;
        padding-right: 0;
        background: #092E3D;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px 0;
        max-height: calc(100vh - 90px);
    }
    .navbar-nav > li {
        float: none;
        max-height: calc(100% - 150vh);
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-collapse.in {
        overflow-y: scroll;
    }
    .collapsing {
        overflow: hidden !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        padding-left: 20px;
    }

    /*** colours ***/
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        border: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #FCB338;
        background-color: 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: #FCB338;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #fff;
        background-color: transparent;
        opacity: 0.8;
    }
}

@media (max-width: 768px) {
    #MPOuterHeader {
        padding-left: 15px;
        padding-right: 15px;
    }
    #NAV {
        margin-left: -15px;
        margin-right: -15px;
    }
    .tiles {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    #NAV {
        margin-top: -40px;
    }
    .navbar-toggle {
        margin-bottom: 0;
    }
    .search-btn-top {
        padding: 4px 15px;
    }
    #Logo {
        position: relative;
        z-index: 20;
    }
    .page-title {
        margin-right: 0;
        padding-right: 0;
    }
    .page-title::after {
        display: none;
    }
    .featured-event > .col-md-4 {
        display: none;
    }
    .featured-event > .col-md-8 {
        width: 100%;
    }
    .sponsor-logo {
        flex-basis: 33.333333%;
    }
}
@media (max-width: 650px) {
    .callout-row.narrow-callout {
        padding-left: 15px;
        padding-right: 15px;
    }
    .testimonial::before {
        display: none;
    }
    .p-emphatic p,
    .callout-row h3 {
        font-size: 22px;
    }
    .p-emphatic-large p {
        font-size: 26px;
    }
    .large-h2 h2, .large-h2 .h2 {
        font-size: 30px;
    }
    h1, .h1,
    .hero h1 {
        font-size: 36px;
    }
    #PageTitleH1::before {
        font-size: 32px;
    }
    .home-event > .col-md-3 {
        display: none;
    }
    .home-event > .col-md-9 {
        width: 100%;
    }
    .hero .HtmlContent {
        padding-top: 150px;
        padding-bottom: 75px;
    }
    .homepage-events .HLEventList ul li div[id*="EventList_itemRow"] {
        display: block;
    }
    .homepage-events ul li > div > .col-md-2,
    .homepage-events ul li > div > .col-md-10 {
        width: 100%;
    }
    .homepage-events ul li > div > .col-md-2 {
        margin-right: 0;
        margin-bottom: 16px;
    }
}
@media (max-width: 600px) {
    .icon-links {
        display: block;
    }
    .col-md-4 + .col-md-4 .icon-link {
        margin-top: 10px;
    }
    .profile-buttons .make-buttons {
        flex-basis: calc(50% - 10px);
        display: flex;
    }
    .profile-buttons .make-buttons .HtmlContent,
    .profile-buttons .make-buttons em,
    .profile-buttons .make-buttons em a {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 100%;
    }
    .profile-buttons .make-buttons .HtmlContent,
    .profile-buttons .make-buttons em {
        display: flex;
    }
    .profile-buttons .make-buttons em a {
        text-align: center;
    }
}
@media (max-width: 450px) {
    h1, .h1 {
        font-size: 32px;
    }
    #Logo {
        width: calc(100% - 55px);
    }
    .sidebar-testimonial::before {
        display: none;
    }
    .sidebar-testimonial,
    .sidebar-testimonial-attr {
        padding-left: 0;
    }
    .sponsor-logo {
        flex-basis: 50%;
    }
}
@media (max-width: 425px) {
    .profile-buttons .make-buttons {
        flex-basis: calc(100% - 10px);
    }
}
@media (max-width: 345px) {
    #MPAuxNav ul.level1 li a {
        margin-top: 10px;
    }
}/* Color Picker */
/* VERSION 34 */
/********************* 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 ****/ 

:root:root {
  /*
  --hl-bs--primary: ;
  --hl-bs--selected: 26;
  */

  [PrimaryColorRGB-StartComment]
  --hl-bs--primary-rgb: [PrimaryColorRGB];
  --hl-bs--selected-rgb: [PrimaryColorRGB], 50;
  [PrimaryColorRGB-EndComment]

  /*
  --hl-bs--primary-opposite: ;
  */

  [TextOnPrimaryRGB-StartComment]
  --hl-bs--primary-opposite-rgb: [TextOnPrimaryRGB];
  [TextOnPrimaryRGB-EndComment]
  
  /*
  --hl-bs--link: ;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--link-rgb: [LinkColorRGB];
  [LinkColorRGB-EndComment]

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

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

  /*
  --hl-bs--secondary: ;
  --hl-bs--secondary-selected: 26;
  */

  [SecondaryColorRGB-StartComment]
  --hl-bs--secondary-rgb: [SecondaryColorRGB];
  --hl-bs--secondary-selected-rgb: [SecondaryColorRGB], 50;
  [SecondaryColorRGB-EndComment]

  /*
  --hl-bs--secondary-opposite: ;
  */

  [TextOnSecondaryRGB-StartComment]
  --hl-bs--secondary-opposite-rgb: [TextOnSecondaryRGB];
  [TextOnSecondaryRGB-EndComment]
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */

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

  [PrimaryButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-rgb: [PrimaryButtonBackgroundColorRGB];
  [PrimaryButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */

  [PrimaryButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-hover-rgb: [PrimaryButtonHoverBackgroundColorRGB];
  [PrimaryButtonHoverBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */

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

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

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

  [SuccessButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-rgb: [SuccessButtonBackgroundColorRGB];
  [SuccessButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  [SuccessButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-hover-rgb: [SuccessButtonHoverBackgroundColorRGB];
  [SuccessButtonHoverBackgroundColorRGB-EndComment]

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

  [SuccessButtonBorderColorRGB-StartComment]
  --hl-bs--btn-success-border-rgb: [SuccessButtonBorderColorRGB];
  --hl-bs--btn-success-border-hover-rgb: [SuccessButtonBorderColorRGB];
  [SuccessButtonBorderColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */

  [DangerButtonTextColorRGB-StartComment]
  --hl-bs--btn-danger-text-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-text-hover-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-outline-rgb: [DangerButtonTextColorRGB], 127;
  [DangerButtonTextColorRGb-EndComment]
  
  /*
  --hl-bs--btn-danger-bg: ;
  */

  [DangerButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-rgb: [DangerButtonBackgroundColorRGB];
  [DangerButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  [DangerButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-hover-rgb: [DangerButtonHoverBackgroundColorRGB];
  [DangerButtonHoverBackgroundColorRGB-EndComment]

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

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

}

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

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

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

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

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

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

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

  [LinkColorRGB-StartComment]
  --hl-bs--btn-link-text-rgb: [LinkColorRGB];
  --hl-bs--btn-link-outline-rgb: [LinkColorRGB], 127;
  [LinkColorRGB-EndComment]

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

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

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-ghost-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--footer-color: ;
  */

  [FooterTextColorRGB-StartComment]
  --hl-bs--footer-color-rgb: [FooterTextColorRGB];
  [FooterTextColorRGB-EndComment]

  /*
  --hl-bs--footer-color-opposite: ;
  */

  [FooterBackgroundColorRGB-StartComment]
  --hl-bs--footer-color-opposite-rgb: [FooterBackgroundColorRGB];
  [FooterBackgroundColorRGB-EndComment]
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
    /* 
    color: ;
    */    
    /* 
    color: ;
    */
}

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

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

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

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

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

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

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

    /* 
    color:  !important;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

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

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

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

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


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

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

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

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

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

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}

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

    /* 
    color: ;
    */
}


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

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

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

    /*
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

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


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


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

    /* 
    color: ;
    */
}


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

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

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

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
    /* 
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
    */
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

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


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

    /* 
    background-color:  !important;
    */
}


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

    /* 
    color:  !important;
    */
}


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

    /* 
    color:  !important;
    */
}


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

    /* 
    background-color:  !important;
    */
}

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

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

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

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

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

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

    /* 
    background-color:  !important;
    */
}

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

    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-text-color {
    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
    /* 
    background-color:  !important;
    */
}

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


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

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

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
    /* 
    border-bottom-color: ;
    */ 
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    /*
    color: ;
    */
    /* 
    border-bottom-color: ;
    */ 
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
    /* 
    color: ;
    */
    /* 
    color: ;
    */
}

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

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

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

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

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
    /* 
    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 */
/*** Sticky Nav ***/
#NAV.stickyNav-full {
    position: fixed;
    background: #092E3D;
    padding: 20px;
    margin: 0;
    bottom: auto;
    right: auto;
}
@media screen and (min-width: 1200px) {
    #NAV.stickyNav-full {
        margin: 0 -15px;
    }
}
@media screen and (max-width: 990px) {
    #NAV.stickyNav-full {
        padding: 10px;
    }
}
#MPOuter {
    padding-top: 10%;
}
@media screen and (min-width: 1500px) {
    #MPOuter {
        padding-top: 6%;
    }
}

/*** Extra space for logo on directory pages ***/
.directory-logo {
  padding-top: 75px;
}

/*** Overlay homepage bubbles on hero section ***/
.icon-link {
  margin-top: -40px;
}

@media screen and (max-width: 990px) {
  .icon-link {
    margin-top: 0;
  }
}

/*** Hide label and add custom content for login panel ***/
.login-panel .form-control label {
  display: none;
}

.login-panel .form-control::after {
  content: "Stay signed in for 14 days";
  margin-left: 10px;
}

.joinform .login-panel .form-control::after {
  content: "";
}

/*** Adjust footer for large screens ***/
@media screen and (min-width: 1700px) {
  #MPOuterMost.full #FOOTER > .row {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
  }
}

/*** Background image alignment ***/
.bg-image,
.img-container-top {
  background-position: top;
}

/*** Hero section styles ***/
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,0.0);
  display: flex;
  justify-content: left;
  color: #fff;
  text-align: left;
  padding: 0 0 0 5%;
  flex-direction: row;
align-items: center;
}

.hero-content {
  max-width: 600px;
}

.hero-content h1 {
  color: #fff;
  font-size: 70px;
  line-height: 1.07;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 7px;
}

.hero-content h2 {
  color: #fff;
  font-size: 30px;
  line-height: 1.07;
  font-weight: 200;
  margin-top: 10px;
  margin-bottom: 15px;
  text-transform: none;
}

/*** Homepage header background ***/
.home #MPOuterHeader {
  background: #092E3D !important;
}

/* Responsive Styling for Tablets */
@media (max-width: 768px) {

  .bg-image {
max-height:800px;
  }

  .hero h1 {
    font-size: 4.5rem; /* Reduce heading size */
  }

  .hero h2 {
    font-size: 2.5rem; /* Slightly smaller paragraph text */
  }

  .hero a.btn {
    font-size: 1rem; /* Smaller button text */
    padding: 10px 20px;
  }
}

/* Responsive Styling for Mobile Phones */
@media (max-width: 480px) {
  .bg-image {
    height: 600px;
  }

  .hero {
    height: 600px; /* Allow content height to adjust dynamically */
    padding: 40px 15px;
  }

.hero-overlay{
height:600px;
}

  .hero h1 {
    font-size: 3rem; /* Further reduce heading size */
  }

  .hero h2 {
    font-size: 1.8rem; /* Smaller paragraph text */
  }

  .hero a.btn {
    font-size: 0.9rem;
    padding: 8px 16px; /* Compact button */
  }

  .hero-overlay {
    background: rgba(0, 0, 0, 0.5); /* Add semi-transparent overlay */
    padding: 40% 0 0 5%;
  }
}

.hero .HtmlContent {
  max-width: 90%; /* Reduce width to fit smaller screens */
}

/*** Page title background image ***/
.page-title::after {
  background-image: url('https://higherlogicdownload.s3.amazonaws.com/WWCDA/f91903b9-02bb-4375-a3c3-25980d1d8b48/UploadedImages/2022_Redesign/WW_DarkBlue_300px.png') !important;
}