/* Background Images and Footer */
/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/
/*
body {
color: ;
}
*/
a {
color: #14425B;
}
.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: #14425B;
}
.hl-linkcolor-background {
background-color: #14425B;
}
/*
a.user-content-mention {
color: ;
}
*/
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
color: #14425B;
}
a:hover {
color: #0CBCC0;
}
.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: #0CBCC0;
}
/*
a.user-content-mention:hover {
color: ;
}
*/
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {
color: #0CBCC0;
}
/*
.bodyBackground {
background-color: ;
}
*/
/*
.siteFrame {
background-color: ;
}
*/
/*
#MPOuterMost {
border-color: ;
}
*/
h1, .Heading1 {
color: #14425B;
/*
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: #E6E9EC;
color: #222526;
}
fieldset {
border-color: #14425B;
}
fieldset legend {
background-color: #14425B;
border-color: #14425B;
color: #FFFFFF;
}
.SearchResults .SortBy {
color: #FFFFFF;
}
/*********************** 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: #14425B;
}
/*
.HLLandingControl .ByLine {
color: ;
}
*/
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
color: #FFC709;
}
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
color: #14425B;
}
/************************ Tabs **********************/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
/*
background-color: ;
*/
/*
border-color: ;
*/
color: #14425B;
}
/*
.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: #14425B;
} .nav-tabs > li > a {
/*
background-color: ;
*/
/*
color: ;
*/
}
/************************ Miscellaneous **********************/
.SloganText {
color: #14425B;
}
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {
background-color: #14425B;
color: #FFFFFF;
}
.lblratingBig {
color: #14425B;
}
/************************ Tables **********************/
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader, .table-thead-background tr th, .table-thead-background tr td {
background-color: #14425B;
color: #FFFFFF;
}
th a, th a:hover {
color: #FFFFFF;
}
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td {
background-color: ;
}
*/
/************************ Menus ***********************/
#MPAuxNav ul.level1 li a {
color: #14425B;
}
#MPAuxNav ul.level1 li ul {
background-color: #FFC709;
}
#MPAuxNav ul.level1 li li.dynamic {
border-right-color: #14425B;
}
/* #SideMenu ul.level1 li ul {
background-color: White;
} */ /* .MPSideNavBottom {
color: #0069A5;
} */ /*
.breadcrumb {
background-color: ;
}
*/
/*
.breadcrumb li {
color: ;
}
*/
.breadcrumb li a {
color: #14425B;
}
.MPBottomMenu ul li a {
color: #222526;
}
/************************ Bootstrap Menus ***********************/
.navbar-default, #NAV {
background-color: #FFC709;
border-color: #FFC709;
}
.navbar-default .navbar-nav > li > a {
color: #14425B;
}
.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: #14425B;
color: #FFFFFF;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #14425B;
color: #FFFFFF;
}
#MPButtonBar .dropdown-menu {
background-color: #FFC709;
}
#MPButtonBar .dropdown-menu li a {
color: #14425B;
}
#MPButtonBar .dropdown-menu li a:hover, #MPButtonBar .dropdown-menu li a:focus {
background-color: #FFC709;
}
#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: #14425B;
color: #FFFFFF;
}
/*
#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: #14425B;
}
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
background-color: #FFC709;
}
/************ New Bootstrap 4^ Themeing ****/
:root:root {
--hl-bs--primary: #14425B;
--hl-bs--selected: #14425B26;
--hl-bs--primary-rgb: 20,66,91;
--hl-bs--selected-rgb: 20,66,91, 50;
--hl-bs--primary-opposite: #FFFFFF;
--hl-bs--primary-opposite-rgb: 255,255,255;
--hl-bs--link: #14425B;
--hl-bs--link-rgb: 20,66,91;
--hl-bs--link-hover: #0CBCC0;
--hl-bs--btn-icon-ctrl-bg-hover: #0CBCC0;
--hl-bs--btn-icon-ctrl-border-hover: #0CBCC0;
--hl-bs--link-hover-rgb: 12,188,192;
--hl-bs--btn-icon-ctrl-bg-hover-rgb: 12,188,192;
--hl-bs--btn-icon-ctrl-border-hover-rgb: 12,188,192;
--hl-bs--secondary: #FFC709;
--hl-bs--secondary-selected: #FFC70926;
--hl-bs--secondary-rgb: 255,199,9;
--hl-bs--secondary-selected-rgb: 255,199,9, 50;
--hl-bs--secondary-opposite: #14425B;
--hl-bs--secondary-opposite-rgb: 20,66,91;
}
/* 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: #14425B;
--hl-bs--btn-link-outline: #14425B7f;
--hl-bs--btn-link-text-rgb: 20,66,91;
--hl-bs--btn-link-outline-rgb: 20,66,91, 127;
--hl-bs--btn-link-hover: #0CBCC0;
--hl-bs--btn-link-hover-rgb: 12,188,192;
}
: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: #222526;
--hl-bs--footer-color-rgb: 34,37,38;
--hl-bs--footer-color-opposite: #E6E9EC;
--hl-bs--footer-color-opposite-rgb: 230,233,236;
}/************************ 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: #14425B;
color: #0CBCC0;
}
/************************ Anchors ***********************/
body.ribbit a{
color: #14425B;
}
body.ribbit a:hover{
color: #0CBCC0;
}
body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
color: #14425B;
}
body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
color: #0CBCC0;
}
/************************ 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: #14425B;
border-color: #14425B;
color: #FFFFFF !important;
}
body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {
background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #14425B;
border-color: #14425B;
color: #FFFFFF;
}
/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {
color: #FFFFFF !important;
background-color: #14425B;
border-color: #14425B;
}
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)), #14425B;
border-color: #14425B;
}
body.ribbit :not(.no-theme) .btn-primary:focus {
box-shadow: 0 0 0 3px #14425B7F;
}
/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {
color: #FFFFFF;
background-color: #14425B;
border-color: #14425B;
}
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)), #14425B;
border-color: #14425B;
}
body.ribbit :not(.no-theme) .btn-success:focus {
box-shadow: 0 0 0 3px #14425B7F;
}
/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {
color: #14425B;
}
/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {
color: #FFFFFF;
background-color: #14425B;
border: #14425B;
}
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)), #14425B;
}
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {
color: #FFFFFF;
background-color: #14425B;
border-color: #14425B;
}
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 #14425B7F;
}
body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
/*
color: ;
*/
color: #14425B;
}
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {
color: #FFFFFF;
background-color: #14425B;
border-color: #14425B;
}
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)), #14425B;
background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #14425B;
}
/********* 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: #14425B;
border-color: #14425B;
}
body.ribbit :not(.no-theme) .primary-button-background-color {
background-color: #14425B !important;
}
body.ribbit :not(.no-theme) .primary-button-border-color {
color: #14425B !important;
}
body.ribbit :not(.no-theme) .primary-button-text-color {
color: #FFFFFF !important;
}
body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {
background-color: #14425B !important;
}
/****END - .btn-primary****/
/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {
background-color: #14425B;
border-color: #14425B;
color: #FFFFFF;
}
body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {
background-color: #14425B;
border-color: #14425B;
color: #FFFFFF;
}
body.ribbit :not(.no-theme) .success-button-background-color {
background-color: #14425B !important;
}
body.ribbit :not(.no-theme) .success-button-border-color {
color: #14425B !important;
}
body.ribbit :not(.no-theme) .success-button-text-color {
color: #FFFFFF !important;
}
body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
background-color: #14425B !important;
}
/****END - .btn-success****/
/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
fill: #14425B;
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
color: #FFFFFF !important;
}
/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
color: #14425B;
}
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: #14425B;
}
/*************** 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: #14425B;
border-bottom-color: #14425B;
}
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: #14425B;
color: #0CBCC0;
}
/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {
background-color: #14425B;
}
body.ribbit :not(.no-theme) .row.secondary-row {
background-color: #FFC70990;
}
/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
color: #FFFFFF;
background-color: #14425B;
border-color: #14425B;
}
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
color: #FFFFFF;
background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #14425B;
border-color: #14425B;
}
/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
color: #0CBCC0;
}
/**** Generated Utils ****/
/*
.text-color {
color: !important;
}
*/
.link-color {
color: #14425B !important;
}
/*
.mention-link-color {
color: !important;
}
*/
/*
.tag-link-color {
color: !important;
}
*/
.link-hover-color:hover, .link-hover-color:focus {
color: #0CBCC0 !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: #14425B !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: #E6E9EC !important;
}
.footer-text-color {
color: #222526 !important;
}
.primary-color {
color: #14425B !important;
}
.text-on-primary {
color: #FFFFFF !important;
}
.table-header-text-color {
color: #FFFFFF !important;
}
/*
.landing-control-header-background-color {
background-color: !important;
}
*/
/*
.landing-control-header-text-color {
color: !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: #14425B !important;
}
/*
.landing-control-byline-text-color {
color: !important;
}
*/
.landing-control-sub-title-text-color {
color: #FFC709 !important;
}
.landing-control-title-text-color {
color: #14425B !important;
}
/*
.selected-tab-background-color {
background-color: !important;
}
*/
/*
.selected-tab-border-color {
color: !important;
}
*/
.selected-tab-text-color {
color: #14425B !important;
}
/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
background-color: !important;
}
*/
.unselected-tab-hover-text-color {
color: #14425B !important;
}
/*
.unselected-tab-background-color {
background-color: !important;
}
*/
/*
.unselected-tab-text-color {
color: !important;
}
*/
.slogan-text-color {
color: #14425B !important;
}
.table-header-background-color {
background-color: #14425B !important;
}
/*
.table-alternate-background-color {
background-color: !important;
}
*/
.aux-menu-text-color {
color: #14425B !important;
}
.unselected-menu-background-color {
background-color: #FFC709 !important;
}
/*
.breadcrumb-bar-background-color {
background-color: !important;
}
*/
/*
.breadcrumb-text-color {
color: !important;
}
*/
.breadcrumb-link-color {
color: #14425B !important;
}
.footer-menu-text-color {
color: #222526 !important;
}
.unselected-menu-text-color {
color: #14425B !important;
}
.selected-menu-background-color {
background-color: #14425B !important;
}
.selected-menu-text-color {
color: #FFFFFF !important;
}
.hover-menu-text-color {
color: #14425B !important;
}
.hover-menu-background-color {
background-color: #FFC709 !important;
}
.hover-menu-selected-background-color {
background-color: #14425B !important;
}
.hover-menu-selected-text-color {
color: #FFFFFF !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 */
@media (max-width: 768px) {
.hideonmobile {
display: none;}}
.book-cover {
border: 1px solid #ccc; /* Optional: for a subtle border */
box-shadow:
5px 5px 15px rgba(0, 0, 0, 0.3), /* Main drop shadow */
-2px 0px 5px rgba(0, 0, 0, 0.1) inset; /* Subtle inner shadow for spine effect */
width:25%; max-width:200px; border-radius:4px; margin:5px;
}
/*** Search Events ***/
@media (min-width: 768px) {
.event-card > div {
flex-direction: row !important;
}
.event-card > div > div:first-child {
width: 50% !important;
margin-bottom: 0 !important;
margin-right: 20px;
}
}
* {
box-sizing: border-box;
}
.resource-link {
display: inline-flex;
align-items: center;
gap: 5px;
color: #2563eb !important;
text-decoration: none;
font-size: 0.9em;
font-weight: 500;
padding: 5px 10px;
border-radius: 4px;
transition: all 0.2s;
}
.resource-link:hover {
background: #eff6ff;
color: #1e40af !important;
}
.resource-link i {
font-size: 1em;
}
.event-card-link {
cursor: pointer;
transition: all 0.2s;
}
.event-card-link:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
}
.schedule-container {
max-width: 1200px;
margin: 0 auto;
padding: 10px;
}
.schedule-header {
margin-bottom: 6px;
}
.schedule-header h2 {
font-size: 2em;
margin: 0 0 10px 0;
color: #14425b !important;
}
.filters-section {
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 10px !important;
margin-bottom: 6px;
margin-left: -18px;
margin-right: -18px;
color: #14425b !important;}
.filters-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.filters-header h3 {
font-size: 1.2em;
margin: 0;
color: #14425b !important;
}
.reset-btn {
background: none;
border: none;
color: #2563eb !important;
cursor: pointer;
font-size: 0.9em;
padding: 5px 10px;
}
.reset-btn:hover {
text-decoration: underline;
}
.search-box {
width: 98%;
padding: 10px 15px;
border: 1px solid #d0d0d0;
border-radius: 6px;
font-size: 1em;
color: #14425b !important;
margin-bottom: 15px;
}
.search-box:focus {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.filters-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 6px;
margin-bottom: 6px;
}
.filter-select {
padding: 8px 12px;
width: 98%;
border: 1px solid #d0d0d0;
border-radius: 6px;
font-size: 0.95em;
color: #14425b !important;
background: white;
}
.filter-select:focus {
outline: none;
border-color: #2563eb;
}
.results-count {
font-size: 0.9em;
color: #666 !important;
margin-top: 8px;
}
.events-list {
display: flex;
flex-direction: column;
gap: 10px; padding-top: 15px !important;
margin-left: -18px;
margin-right: -18px;
}
.event-card {
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 12px;
transition: box-shadow 0.2s;
}
.event-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.event-title {
font-size: 1.1em;
font-weight: 600;
color: #14425b !important;
margin: 0 0 10px 0;
}
.event-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 10px;
font-size: .85em;
color: #666;
}
.event-meta-item {
display: flex;
align-items: center;
gap: 10px;
font-size: .85em;
color: #666 !important;
}
.event-description {
color: #444 !important;
font-size: 0.75em;
margin-bottom: 10px;
line-height: 1.8;
}
.event-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.event-tag {
padding: 4px 12px;
border-radius: 20px;
font-size: 0.75em;
font-weight: 500;
}
.loading {
text-align: center;
padding: 8px;
color: #666;
}
.error {
background: #fee;
border: 1px solid #fcc;
border-radius: 8px;
padding: 20px;
color: #c00;
}
.no-results {
text-align: center;
padding: 10px;
color: #666;
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
}
@media (max-width: 768px) {
.filters-grid {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 769px) {
.mobile-text {display:none; } }
@media screen and (max-width: 768px) {
.mobile-text {display:block; } }
.iframe-container { border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); overflow: hidden; }
.iframe-container iframe { display: block;}
.mobile-fab-container {
display: none;}
.make-buttons.conditional a[id*="Link"],
.make-buttons.conditional a[id*="Link"]:is(:hover, :focus),
body.ribbit .make-buttons em a,
.btn,
body.ribbit .btn,
body.ribbit .btn:is(:hover, :focus),
body.ribbit .btn:is(:hover, :focus):not(.disabled),
.cta-tile a::after,
.make-buttons em a:is(:hover, :focus),
button:is(:hover, :focus),
.btn:is(:hover, :focus),
.cta-tile a:is(:hover, :focus)::after,
.btn.btn-info,
.btn.btn-info:is(:hover, :focus),
body.ribbit .btn.btn-info,
body.ribbit .btn.btn-info:is(:hover, :focus),
.btn.btn-primary,
.btn.btn-primary:is(:hover, :focus),
body.ribbit .btn.btn-primary,
body.ribbit .btn.btn-primary:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-primary,
body.ribbit :not(.no-theme) .btn-primary:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled),
body.ribbit .ContentUserControl .HLLandingControl .btn.btn-default,
body.ribbit .ContentUserControl .HLLandingControl .btn.btn-default:is(:hover, :focus),
body.ribbit #MPOuterMost #MPOuter .ContentUserControl .HLLandingControl h3 a.btn.btn-default,
body.ribbit #MPOuterMost #MPOuter .ContentUserControl .HLLandingControl h3 a.btn.btn-default:is(:hover, :focus),
body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn),
body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn):is(:hover, :focus),
body.ribbit .summary-edit em a,
body.ribbit .summary-edit em a:is(:hover, :focus),
body.ribbit .summary-edit .Content>ul a,
body.ribbit .summary-edit .Content>ul a:is(:hover, :focus),
body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a,
body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus),
body.ribbit .make-buttons.primary-btn em a,
body.ribbit .make-buttons.primary-btn em a:is(:hover, :focus) {
background-color: var(--hl-bs--primary);
color: var(--hl-bs--primary-opposite) !important;
font-family: "Poppins", sans-serif; font-weight:300;
border-radius: 44px;
cursor: pointer; /* Changes cursor to a hand icon on hover */
transition-duration: 0.4s; /* Smooth transition for the hover effect */
}
.iframe-fallback {
display: none;
padding: 20px;
background-color: #fff;
color: #c12037;
border: 1px solid #c12037;
border-radius: 5px;
text-align: center;
}
.iframe-fallback a {
color: #a33;
text-decoration: underline;
font-weight: bold;
}
/* schedule tabs */
body.ribbit .btn.back-to-top {display:none;}
body.ribbit .schedule-tabs ul li a {
background-color: var(--hl-bs--primary);
color: var(--hl-bs--primary-opposite)!important;
padding: 10px 15px;
margin: 0;
border-radius: 8px;
font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 1.35rem;
width: 94%;}
body.ribbit .schedule-tabs ul li a:is(:hover, :focus) {
background-color: #0cbcc0;
color: var(--hl-bs--primary-opposite)!important;
padding: 10px 15px;
margin: 0;
border-radius: 8px;
font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 1.35rem;
width: 100%;}
body.ribbit .schedule-tabs ul li a.active {
background-color: #d93f97;
color: var(--hl-bs--primary-opposite)!important;
padding: 10px 15px;
margin: 0;
border-radius: 8px;
font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 1.35rem;
width: 98%;
}
body.ribbit #CreateBtnWrapper {
display: none;
}
body.ribbit [class*="bg-"] .ContentItemHtml:not(.card) *:not(em a),
body.ribbit [class*="-bkgd"] .ContentItemHtml:not(.card) *:not(em a),
body.ribbit [class*="bg-"].ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter [class*="bg-"] .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter [class*="-bkgd"] .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter [class*="bg-"].ContentItemHtml h2 {
color: #3e4349;
}
/*** Colors ***/
:root {
--ui-default-text: #3e4349;
--ui-heading-text: #3e4349;
--ui-pink: #d93f97;
--ui-teal: #0cbcc0;
--ui-yellow: #FFC709;
--ui-green: #8DDA4E;
--ui-deep-green: #086e56;
--ui-dark-gray: #3e4349;
--ui-light-gray: #f4f5f6;
--ui-navy: #0d3144;
--ui-white: #fff;
--ui-dark-navy: #092331;
--ui-plum: #7e1951;
}
.card .HtmlContent>p i,
.card .HtmlContent>i .HtmlContent>p i,
.HtmlContent>i,
.card .HtmlContent>p i,
.card .icon-plain .HtmlContent>i,
card .icon-plain .HtmlContent>i,
.conference-nav-tabs>i,
.conference-nav-tabs>a i {
font-size: inherit;
color: inherit;
}
/*** BG Colors ***/
#MPOuterMost .bg-navy { background-color: var(--ui-navy); }
#MPOuterMost .bg-plum { background-color: var(--ui-plum); }
#MPOuterMost .bg-dark-navy { background-color: var(--ui-dark-navy); }
#MPOuterMost .bg-white { background-color: var(--ui-white); }
#MPOuterMost .bg-teal { background-color: var(--ui-teal); }
#MPOuterMost .bg-pink { background-color: var(--ui-pink); }
#MPOuterMost .bg-orange { background-color: #f26646; }
#MPOuterMost .bg-yellow { background-color: var(--ui-yellow); }
#MPOuterMost .bg-green { background-color: var(--ui-green); }
#MPOuterMost .bg-deep-green { background-color: var(--ui-deep-green); }
#MPOuterMost .bg-dark-gray { background-color: var(--ui-dark-gray); }
#MPOuterMost .bg-light-gray { background-color: var(--ui-light-gray); }
body.ribbit .bg-pink .ContentItemHtml:not(.card) *:not(em a),
body.ribbit .bg-pink.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-pink .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-pink.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-pink .overline .HtmlContent h3,
body.ribbit .bg-dark-gray .ContentItemHtml:not(.card) *:not(em a),
body.ribbit .bg-dark-gray.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-dark-gray .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-dark-gray.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-dark-gray .overline .HtmlContent h3,
body.ribbit .bg-navy .ContentItemHtml:not(.card) *:not(em a),
body.ribbit .bg-navy.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-navy .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-navy.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-navy .overline .HtmlContent h3,
body.ribbit .bg-dark-navy .ContentItemHtml:not(.card) *:not(em a),
body.ribbit .bg-dark-navy.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-dark-navy .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-dark-navy.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-dark-navy .overline .HtmlContent h3,
body.ribbit .bg-deep-green .ContentItemHtml:not(.card) *:not(em a),
body.ribbit .bg-deep-green.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-deep-green .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-deep-green.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-deep-green .overline .HtmlContent h3,
body.ribbit .bg-plum .ContentItemHtml:not(.card) *:not(em a),
body.ribbit .bg-plum.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-plum .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-plum.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-plum .overline .HtmlContent h3 {
color: var(--hl-bs--primary-opposite);
}
body.ribbit .bg-navy a:hover,
body.ribbit .bg-navy.ContentItemHtml a:hover,
body.ribbit #MPOuterMost #MPOuter .bg-navy .ContentItemHtml a:hover,
body.ribbit #MPOuterMost #MPOuter .bg-navy.ContentItemHtml a:hover,
#MPOuterMost #MPOuter .bg-navy .overline .HtmlContent a:hover ,
body.ribbit .bg-pink a:hover,
body.ribbit .bg-pink.ContentItemHtml a:hover,
body.ribbit #MPOuterMost #MPOuter .bg-pink .ContentItemHtml a:hover,
body.ribbit #MPOuterMost #MPOuter .bg-pink.ContentItemHtml a:hover,
#MPOuterMost #MPOuter .bg-pink .overline .HtmlContent a:hover {
color: var(--ui-yellow);
}
body.ribbit .bg-white a,
body.ribbit bg-white.ContentItemHtml a,
body.ribbit #MPOuterMost #MPOuter bg-white .ContentItemHtml a,
body.ribbit #MPOuterMost #MPOuter bg-white.ContentItemHtml a,
#MPOuterMost #MPOuter .bg-white .overline .HtmlContent a {
color: var(--ui-navy) !important;
}
body.ribbit .bg-white a:hover,
body.ribbit bg-white.ContentItemHtml a:hover,
body.ribbit #MPOuterMost #MPOuter bg-white .ContentItemHtml a:hover,
body.ribbit #MPOuterMost #MPOuter bg-white.ContentItemHtml a:hover,
#MPOuterMost #MPOuter .bg-white .overline .HtmlContent a:hover {
color: var(--ui-teal) !important;
}
/***
body.ribbit .bg-white .ContentItemHtml:not(.card) *:not(a),
body.ribbit .bg-white.ContentItemHtml *:not(em a),
body.ribbit #MPOuterMost #MPOuter .bg-white .ContentItemHtml:not(.card) h2,
body.ribbit #MPOuterMost #MPOuter .bg-white.ContentItemHtml h2,
#MPOuterMost #MPOuter .bg-white .overline .HtmlContent h3 {
color: #3e4349;
} ***/
/*** Personalizations ***/
body.ribbit {
font-weight: 300;
}
body.ribbit .bg-primary .make-arrow-link em a {
color: var(--ui-teal);
}
body.ribbit .bg-primary .make-arrow-link em a:hover {
color: var(--hl-bs--secondary);
}
body.ribbit .bg-primary .make-buttons.secondary-btn em a {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / 0%)), to(rgb(255 255 255 / 85%))) top / 100% 800%;
background: -o-linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 85%)) top / 100% 800%;
background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 85%)) top / 100% 800%;
background-color: var(--hl-bs--secondary);
color: var(--hl-bs--primary) !important;
border: none;
cursor: pointer; /* Changes cursor to a hand icon on hover */
transition-duration: 0.4s; /* Smooth transition for the hover effect */
}
body.ribbit .bg-primary .make-buttons.secondary-btn em a:is(:hover, :focus) {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / 0%)), to(rgb(255 255 255 / 85%))) top / 100% 800%;
background: -o-linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 85%)) top / 100% 800%;
background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 85%)) top / 100% 800%;
background-color: var(--hl-bs--secondary);
background-position: left;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); /* Adds a subtle shadow */
}
body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.engagement-leaderboard) .explore-community .HLLandingControl.HLEngagement::after {
content: none;
}
/*** Stats Row ***/
.stats-row {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.stats-row {
border-left: none;
}
}
body,
body.ribbit,
body.ribbit select,
body.ribbit .nav-tabs,
body.ribbit .btn,
body.ribbit .navbar,
body.ribbit .navbar-default .navbar-nav>li>a, p {
font-weight:300; letter-spacing: 0.5px;
font-family: "Poppins", sans-serif;
}
p, ul, li {font-size: 1.5rem; line-height: 1.75; font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal;
letter-spacing: 0.5px; margin-bottom:1.5rem;}
body.ribbit h1, body.ribbit .h1 {
font-family: 'Poppins', sans-serif !important;
font-weight: 200 !important;}
body.ribbit h2, body.ribbit .h2, body.ribbit h4, body.ribbit h5, body.ribbit h6, body.ribbit .h4, body.ribbit .h5, body.ribbit .h6, body.ribbit h3, body.ribbit .h3 {
font-family: "Solway", "Poppins", sans-serif; font-weight: 400 !important;
}
.type {font-family: "Solway", 'courier new', courier; line-height:1.2;}
body.ribbit b,
body.ribbit strong {
font-weight: 600;
}
body.ribbit #NAV .navbar-nav>li>a {
font-size: 1.25rem; font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal;
text-transform: UPPERCASE;
}
body.ribbit #MPButtonBar .dropdown-menu {
font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal;}
/*** Icon List colors ***/
.icon-list ul li i {
background: var(--hl-bs--secondary);
color: var(--hl-bs--secondary-opposite); font-size: inherit;
}
/*** Overline ***/
#MPOuterMost #MPOuter .overline .HtmlContent h3 {
font-size: 12px !important;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #666666;
}
/*** Home events-list and More link color ***/
.events-list .HLEventList ul:not(.dropdown-menu) .date-block .calendar-number,
.events-list .HLEventList ul:not(.dropdown-menu) .date-block .calendar-month {
color: var(--hl-bs--secondary-opposite);
}
body.ribbit.home .events-list .HLEventList div[id$=_BottomLink] {
padding-top: 16px;
}
body.ribbit.home #MPOuterMost div[id*="BottomLink"] .btn.btn-default,
.events-list .HLEventList div[id*="More"] a::after {
color: #fff !important;
transition: 0.3s;
}
body.ribbit.home #MPOuterMost div[id*="BottomLink"] .btn.btn-default:is(:hover, :focus),
.events-list .HLEventList div[id*="More"] a:is(:hover, :focus)::after {
color: var(--hl-bs--link-hover) !important;
}
/*** Suggested Contacts widget Member Homepage ***/
.card .HL-contact-suggestions .ignore-contact.btn {
margin-left: 0;
}
.HL-contact-suggestions .title-row img {
border-radius: 100%;
}
/*** Line Graphic BG ***/
.line-graphic-ws::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Workshops/line-graphics-ws.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: scaleX(-1) !important;
display: block; opacity:0.8;
mix-blend-mode: multiply;
}
.card-ws {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/ws-card.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-tech::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-tech.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; opacity:0.8;
mix-blend-mode: multiply;
}
.card-tech {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/webinar-card.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-arrows::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-arrows.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; opacity: 0.8;
mix-blend-mode: multiply;
}
.line-graphic-arrows-left::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-arrows.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: scaleX(-1) !important;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-ac::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/AnnualConference/line-graphics-ac.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.graphic-communitytop::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/community-bg.jpg) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-actop::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/AnnualConference/line-graphics-actop.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.card-ac {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/ac-card.png) !important;
background-size: cover;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-paper::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphics-paper.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-right::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-dark-right::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-dark-right.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-ntibg::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-ntibg.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-nti::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-nti.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-dark-left::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-dark-right.png) !important;
transform: scaleX(-1) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
margin-left:-150px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.line-graphic-left::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-L.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; opacity:0.6;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-community::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-community.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-la::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-LA.png) !important;
background-position-x: right !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.bg-lockers::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/headsofschoolbanner.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
color: #fff;
}
.bg-chicago::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Heads/HeadsConference/chicago.jpg) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
color: #fff;
}
.bg-hotel::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/headsofschoolbanner.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
color: #fff;
}
.bg-chicago-summer::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/chicago-summer.jpg) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
color: #fff;
}
.bg-comp-teal::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/teal-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; mix-blend-mode: multiply;
}
.bg-comp-pink::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/pink-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; mix-blend-mode: multiply;
}
.bg-comp-orange::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/orange-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; mix-blend-mode: multiply;
}
.bg-comp-yellow::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/yellow-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; mix-blend-mode: multiply;
}
.bg-comp-green::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/green-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block; mix-blend-mode: multiply;
}
.bg-comp-gray::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/gray-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.bg-comp-black::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/designelements/black-comp.png) !important;
background-position-x: right !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
mix-blend-mode: multiply;
}
.line-graphic-inspire::before {
background-image: url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/inspiring.png) !important;
background-position-x: left !important;
background-repeat: repeat-y !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; opacity:0.8;
display: block;
mix-blend-mode: multiply;
}
@media (max-width: 768px) {
.line-graphic-right::before, .line-graphic-left::before, line-graphic-inspire::before, .line-graphic-tech::before, .line-graphic-ws::before {
opacity: 0.2;
}
}
#MPOuterMost div[class*="-dark"].line-graphic-right::before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic.png) !important;
}
#MPOuterMost div[class*="-dark"].line-graphic-left::before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/line-graphic-L.png) !important;
}
#MPOuterMost div[class*="-dark"].line-graphic-inspire::before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url(https://higherlogicdownload.s3.amazonaws.com/ISACS/02ec74f4-00d6-437c-9ac6-06902a5c70bb/UploadedImages/Dev_Files/inspiring.png) !important;
}
/*** Hero Slider hide dots ***/
.home .hero-slider .slick-dots,
.memberhome .hero-slider .slick-dots {
display: none !important;
}
/*** Responsive Hero Dots ***/
@media (max-width: 768px) {
.home .hero-slider .slick-dots,
.memberhome .hero-slider .slick-dots {
display: initial !important;
bottom: 30px;
}
}
/*** Icon Cards ***/
.card.link-text .HtmlContent > p i {
font-size: inherit;
}
/*** Suggested Contacts widget Member Home ***/
.people-you-should-know .HL-contact-suggestions ul li .details {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*** Header and Footer Logo size ***/
body.ribbit #LogoNavPlaceholder img {
height: 65px !important;
}
.footer-logo img {
max-height: 60px;
}
/*** Event Stamp and color ***/
.calendar-stamp.sm .date {
font-size: 12px !important;
}
body .calendar-stamp {
background-color: var(--hl-bs--secondary);
}
#FOOTER {
background-color: var(--ui-dark-navy);
}
/*** Footer Social icons ***/
#FOOTER .footer-social a {
background-color: #14425b;
color: #fff;
}
#FOOTER .footer-social a:is(:hover, :focus) {
background-color: #0cbcc0;
}
/*** Remove double drop shadow on widgets ***/
body.ribbit:not(.interior) .row > div[class*=col-md-] > div[class*=Content] .HLLandingControl,
body.ribbit:not(.interior) .row > div[class*=col-md-] > div.ContentItemReact {
-webkit-filter: none;
filter: none;
}
body.ribbit:not(.interior) .row > div[class*=col-md-] > div.ContentItemReact.FeedWidget {
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
/*** Img Cards ***/
.card.img-card.tall .img-container {
height: 280px !important;
}
/*** Testimonial Slider - homepage ***/
body .testimonial-slider .slick-dots li:is(:hover, :focus),
body .testimonial-slider .slick-dots li.slick-active {
background: var(--hl-bs--primary);
}
body .testimonial-slider .slick-dots {
text-align: left;
}
body .testimonial-slider .slick-dots li {
border: 2px solid var(--hl-bs--primary);
}
@media (max-width: 768px) {
.flex-row.testimonial {
display: block;
}
}
#InteriorPageTitle {
display: none !important;
}
body.ribbit a {
text-decoration: none;
}
body.ribbit .accordion-heading button {
font-size: 16px;
}
.card.clickable {
padding: 0px !important;
}
li {
margin: 10px 0;
}
.team .HtmlContent .img-container {
width: 100% !important;
height: 100% !important;
border-radius: 0% !important;
}
.bio {
height: 50% !important;
padding: 25px;
}
.hero.banner .HtmlContent {
max-width: 1600px !important;
}
.card.img-card, .card.img-card .HtmlContent,
.col-md-3 .card.img-card {
padding:3%!important;
}
.card.img-card .img-container {
width: 106% !important; height:250px; margin:-3%; padding: 0px !important;
}
.card.clickable>a {
padding: 20px;
webkit-box-shadow: none !important;
box-shadow: none !important;
background: none !important;}
.team .HtmlContent .img-container {
width: 100%;
height: 300px;
margin-bottom: 0px;
border-radius: 0 !important;
padding-bottom: 0px !important;
}
.team .HtmlContent .img-container img {
display: block;
max-width: 100%;
max-height: 300px;
padding-top: 4px !important;
}
.card.team button {
border-radius: 8px;
padding: 16px;
padding-top: 0px !important;
padding: 4px 24px 16px 24px;
}
.milestone .HtmlContent {
opacity: 0;
padding: 10px 15px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
body div[class*="bg-primary"] .milestone .HtmlContent::before,
body div[class*="bg-primary"] .milestone .HtmlContent::after {
border-top: 0px !important;
}
.milestone-slider.slick-dotted.slick-slider {
margin-bottom: 48px;
}
.milestone-slider.slick-dotted::before {
content: '';
opacity: 0.5;
border-top: 4px solid var(--hl-bs--secondary);
position: absolute;
left: 0;
right: 0;
top: 36px;
}
.icon-circle .HtmlContent>p:has(i) {
background-color: var(--hl-bs--secondary);
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.icon-circle .HtmlContent>p i {
height: 52px;
width: 52px;
border-radius: 50%;
font-size: 20px;
color: var(--hl-bs--secondary-opposite);
display: inline-flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.icon-circle-pink .HtmlContent > p:has(i) {
background-color: var(--ui-pink);
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.icon-circle-pink .HtmlContent > p i {
height: 52px;
width: 52px;
border-radius: 50%;
font-size: 22px;
color: #ffc709 !important;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.icon-circle-teal .HtmlContent > p:has(i) {
background-color: var(--ui-teal);
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.icon-circle-teal .HtmlContent > p i {
height: 52px;
width: 52px;
border-radius: 50%;
font-size: 32px;
color: #14425b;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.icon-circle-blue .HtmlContent > p:has(i) {
background-color: #14425b;
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.icon-circle-blue .HtmlContent > p i {
height: 52px;
width: 52px;
border-radius: 50%;
font-size: 32px;
color: var(--ui-teal) !important;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.icon-circle-green .HtmlContent > p:has(i) {
background-color: var(--ui-green);
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.icon-circle-green .HtmlContent > p i {
height: 52px;
width: 52px;
border-radius: 50%;
font-size: 32px;
color: #fff;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.icon-circle-gray .HtmlContent > p:has(i) {
background-color: var(--ui-light-gray);
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.icon-circle-gray .HtmlContent > p i {
height: 52px;
width: 52px;
border-radius: 50%;
font-size: 28px;
color: var(--primary);
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
table tr, table tr:nth-child(2n) {
border-bottom: none;
background: none;
}
table tr td {
padding: 5px;
}
/* Big buttons and call-to-action links */
.big-buttons.conditional a[id*="Link"],
#CreateBtnWrapper .btn-primary:not(.dropdown-toggle),
.big-buttons em a,
body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn),
body.ribbit .summary-edit em a,
body.ribbit .summary-edit .Content>ul a,
body.ribbit .featured-card-single .btn,
body.ribbit .featured-card-multi .btn,
body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a,
body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus) {
display: inline-block;
font-style: normal;
text-decoration: none;
font-size: inherit;
padding: 15px 30px;
border: none;
border-radius: 44px;
font-weight: 600;
background-color: var(--hl-bs--secondary);
color: var(--hl-bs--secondary-opposite);
}
.pushable, .pushable:hover, .pushable:active
{background: #14425b;
border-radius: 24px;
border: none;
padding: 0;
cursor: pointer;
outline-offset: 3px;
margin: 20px 5px;}
.front, .front:hover, .front:active { display: block;
padding: 12px 20px;
border-radius: 24px;
font-size: 1.4rem;
background: #0cbcc0;
transform: translateY(-5px);
}
.front a {font-family: "Poppins", sans-serif; color: white !important; font-weight:400;}
.front i {color: #fff !important; padding-left:4px;}
.front:hover i, .front:active i, .front i:hover {color: #ffcb05 !important;}
.pushable:active .front {
transform: translateY(-2px);
}
@media (max-width: 768px) {
.sometimes-hidden-img {
display: none;
}
}
body.ribbit.profile div[id$=_upnlProfileImage] {
margin-top: 30px;
}
body.ribbit .accordion-heading button {
padding: 8px 12px 8px 0;
}
.accordion-text {
margin-top: -8px !important;
}
body.ribbit .row-wide > [class*=col-] {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 768px) {
.col-md-12 {
width: 100%;
}
}
/* Modal overlay */
body.has-modal::before {
content: "";
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 0 !important;
transition: 0.3s;
opacity: 0;
}
body.has-modal.bio-modal-open::before {
z-index: 1200;
opacity: 1;
transition: 0.3s;
}
body.has-modal.bio-modal-open {
overflow: auto;
}
.community-tabs-container h2 {
color: #fff !important;
}
/* ============================================
BASE DETAILS/SUMMARY STYLES
============================================ */
details {
display: block;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
margin: 12px 0;
padding: 12px 16px;
font-size: 1.4rem;
transition: 0.15s background linear;
}
details:hover:not([open]) {
border-color: #0cbcc0;
}
details[open] {
background-color: #fff;
}
details[open]:hover {
border-color: #0cbcc0;
}
/* Summary (clickable header) */
summary,
summary .override {
cursor: pointer;
padding: 0 30px 0 0;
list-style: none;
position: relative;
user-select: none;
color: #3e4349;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
width: 100%;
transition: background-color 0.2s ease;
}
/* Hide default marker in all browsers */
summary::-webkit-details-marker { display: none; }
summary::marker { display: none; }
/* Custom +/− icon */
summary::after {
content: '+';
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: 400;
color: #0cbcc0;
line-height: 1;
transition: transform 0.3s ease, color 0.2s ease;
}
details[open] summary::after {
content: '−';
color: #d93f97;
}
summary:hover::after {
color: #d93f97;
}
/* Content area */
details .content {
margin-top: 5px;
padding: 15px;
font-size: 1.4rem;
line-height: 1.5;
font-family: "Solway", "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
border-top: 1px solid #cacfd6;
animation: fadeIn 0.3s ease;
}
.content-other {
margin-top: 5px;
padding: 0 15px;
font-size: 1.4rem;
line-height: 1.5;
font-family: "Solway", "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
}
/* Image inside summary */
.img-summary {
width: 2.5em;
max-width: 300px;
margin: -13px 10px 5px 0;
padding: 2px;
float: left;
transition: width 0.3s ease;
}
details[open] > summary img {
width: 30% !important;
max-width: 400px;
}
/* ============================================
STYLE VARIATIONS — must stay at end to win cascade
============================================ */
/* MINIMAL — simple underline separator */
.minimal details {
border: none;
border-bottom: 1px solid #e0e0e0;
border-radius: 0;
box-shadow: none;
padding: 8px;
}
.minimal summary {
padding: 0 20px 0 0;
}
.minimal .content {
margin-top: 5px;
padding: 8px 0;
font-size: 1.4rem;
line-height: 1.5;
font-family: "Solway", "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
border-top: 1px solid #e6e9ec;
animation: fadeIn 0.3s ease;
}
/* PROMINENT — larger header */
.prominent summary {
padding: 20px 50px 20px 20px;
}
.prominent summary::after {
font-size: 28px;
right: 20px;
}
/* ACCENT — left border highlight */
.accent-teal details { border-left: 4px solid #0cbcc0; }
.accent-navy details { border-left: 4px solid #14425b; }
.accent-pink details { border-left: 4px solid #d93f97; }
.accent-green details { border-left: 4px solid #7fc347; }
.accent-yellow details { border-left: 4px solid #ffc709; }
.accent-orange details { border-left: 4px solid #f26646; }
/* Conference nav tabs */
.conference-nav-tabs ul {
margin-bottom: -6px;
}
.conference-nav-tabs ul li a {
background: #fff;
color: #14425b !important;
border-radius: 12px 12px 0px 0px;
box-shadow: 2px 5px 8px -3px rgb(0 0 0 / 33%);
text-align: center;
font-size: 14px;
}
.conference-nav-tabs ul li:last-child a {
color: #d93f97 !important;
}
.conference-nav-tabs ul li a:hover {
background: #ffc709;
color: #14425b !important;
}
.conference-nav-tabs ul li a.active {
background: #ffc709;
color: #14425b !important;
}
.small-text {font-size:1.1rem; line-height:1.25;}
/* Default: Hide mobile menu toggle on all screens */
.mobile-menu-toggle {
display: none !important;
}
/* Overlay and drawer exist but are hidden by default */
.mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 998;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.mobile-menu-drawer {
position: fixed;
top: 0;
right: -320px;
width: 280px;
max-width: 85vw;
height: 100%;
background: white;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
transition: right 0.3s ease;
z-index: 999;
overflow-y: auto;
}
.mobile-menu-drawer.active {
right: 0;
}
/* Mobile styles - ONLY show on screens 768px and smaller */
@media (max-width: 768px) {
/* Hide desktop navigation on mobile */
.conference-nav-tabs > ul {
display: none !important;
}
/* Show mobile menu toggle button ONLY on mobile */
.mobile-menu-toggle {
display: flex !important;
align-items: center;
gap: 8px;
background: #fff;
color: #14425b !important;
border-radius: 12px 12px 0px 0px;
box-shadow: 2px 5px 8px -3px rgb(0 0 0 / 33%);
padding: 12px 20px;
cursor: pointer;
font-weight: 600;
font-size: 14px;
transition: background 0.3s ease;
width: 50%;
margin: 0px 0;
float: right;
}
.mobile-menu-toggle:hover {
background: #ffc709;
}
.mobile-menu-toggle i {
font-size: 14px;
}
/* Menu header */
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid #e0e0e0;
background: #14425b;
}
.mobile-menu-title {
font-size: 20px;
font-family: font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;
color: #fff;
}
.mobile-menu-close {
background: none;
border: none;
font-size: 24px;
color: #cacfd6;
cursor: pointer;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s ease;
}
.mobile-menu-close:hover {
color: #d93f97;
}
/* Menu content */
.mobile-menu-content {
padding: 0;
}
.mobile-menu-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-content li {
border-bottom: 1px solid #e6e9ec;
}
.mobile-menu-content a {
display: block;
padding: 16px 20px;
color: #333;
text-decoration: none;
font-size: 16px;
transition: background 0.2s ease, color 0.2s ease;
}
.mobile-menu-content a:hover {
background: #ffc709;
}
.mobile-menu-content a.active {
background: #ffc709;
color: white;
font-weight: 600;
}
/* Prevent body scroll when menu is open */
body.menu-open {
overflow: hidden;
}
}
/* Desktop styles - ensure mobile elements stay hidden */
@media (min-width: 768px) {
.mobile-menu-toggle,
.mobile-menu-overlay.active,
.mobile-menu-drawer.active {
display: none !important;
}
}
/* ============================================
ISACS ACCORDION NAVIGATION - WITH TEXT WRAPPING
============================================ */
/* Hide all nested submenus by default */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > ul.dropdown-submenu {
display: none !important;
max-height: 0 !important;
overflow: hidden !important;
opacity: 0;
transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
}
/* MAKE DROPDOWN MENUS WIDER TO PREVENT EARLY WRAPPING */
body.ribbit #MPButtonBar .dropdown-menu,
body.ribbit .navbar .dropdown-menu {
min-width: 320px !important; /* Wider menu */
max-width: 450px !important; /* But not too wide */
width: auto !important;
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > ul.dropdown-submenu {
min-width: 300px !important;
max-width: 420px !important;
width: auto !important;
}
/* Show submenu when parent has 'is-open' class */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu.is-open > ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu.is-open > ul.dropdown-submenu {
display: block !important;
max-height: 1000px !important;
opacity: 1;
transition: max-height 0.4s ease-in, opacity 0.4s ease-in;
}
/* Override Bootstrap hover behavior */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu:hover > ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu:hover > ul.dropdown-submenu {
display: none !important;
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu.is-open:hover > ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu.is-open:hover > ul.dropdown-submenu {
display: block !important;
}
/* Style the parent item that contains a submenu */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > a,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > a {
position: relative !important;
padding-right: 35px !important;
cursor: pointer !important;
white-space: normal !important; /* ALLOW TEXT TO WRAP */
word-wrap: break-word !important; /* BREAK LONG WORDS */
overflow-wrap: break-word !important; /* MODERN WORD BREAKING */
line-height: 1.4 !important; /* BETTER SPACING FOR WRAPPED TEXT */
}
/* Also apply wrapping to regular dropdown menu links */
body.ribbit #MPButtonBar .dropdown-menu > li > a,
body.ribbit .navbar .dropdown-menu > li > a {
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
line-height: 1.4 !important;
}
/* Add arrow indicator using Font Awesome */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > a::after,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > a::after {
content: "\f054" !important; /* Font Awesome chevron-right */
font-family: "Font Awesome 5 Free", "FontAwesome" !important;
font-weight: 900 !important;
font-style: normal !important;
font-variant: normal !important;
text-rendering: auto !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
speak: none !important;
display: inline-block !important;
position: absolute !important;
right: 15px !important;
top: 50% !important;
transform: translateY(-50%) rotate(0deg) !important;
transition: transform 0.3s ease !important;
pointer-events: none !important;
color: inherit !important;
opacity: 0.5 !important;
font-size: 11px !important;
line-height: 1 !important;
vertical-align: middle !important;
/* Remove any box/border/background */
background: none !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
border-style: none !important;
border-width: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
outline: 0 !important;
outline-style: none !important;
}
/* Rotate arrow when submenu is open */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu.is-open > a::after,
body.ribbit .navbar .dropdown-menu .dropdown-submenu.is-open > a::after {
transform: translateY(-50%) rotate(90deg) !important;
opacity: 0.7 !important;
}
/* Add subtle indentation to nested items */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu ul.dropdown-submenu {
padding-left: 0 !important;
margin-left: 20px !important; /* Aligns border with parent text */
background-color: #ffffff !important; /* White background */
border-left: 2px solid rgba(0, 0, 0, 0.1) !important;
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu ul.dropdown-submenu li a,
body.ribbit .navbar .dropdown-menu .dropdown-submenu ul.dropdown-submenu li a {
padding-left: 15px !important; /* Indent from the border line */
font-size: 1.25rem !important;
white-space: normal !important; /* ALLOW TEXT TO WRAP IN NESTED ITEMS */
word-wrap: break-word !important;
overflow-wrap: break-word !important;
line-height: 1.4 !important;
}
/* Hover state for parent items */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > a:hover,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > a:hover {
background-color: var(--hl-bs--bg2) ;
}
/* Hover makes arrow more visible */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > a:hover::after,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > a:hover::after {
opacity: 0.8 !important;
}
/* Mobile adjustments */
@media only screen and (max-width: 767px) {
/* Make dropdowns full width on mobile, but with some margin */
body.ribbit #MPButtonBar .dropdown-menu,
body.ribbit .navbar .dropdown-menu {
min-width: calc(100vw - 30px) !important;
max-width: calc(100vw - 30px) !important;
width: calc(100vw - 30px) !important;
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > ul.dropdown-submenu,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > ul.dropdown-submenu {
min-width: calc(100% - 40px) !important;
max-width: calc(100% - 40px) !important;
width: calc(100% - 40px) !important;
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > a::after,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > a::after {
right: 10px !important;
top: 12px !important; /* ADJUST ARROW POSITION FOR WRAPPED TEXT */
transform: translateY(0) rotate(0deg) !important; /* ALIGN TO TOP WHEN WRAPPED */
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu.is-open > a::after,
body.ribbit .navbar .dropdown-menu .dropdown-submenu.is-open > a::after {
transform: translateY(0) rotate(90deg) !important; /* MAINTAIN ROTATION AT TOP */
}
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu ul.dropdown-submenu li a,
body.ribbit .navbar .dropdown-menu .dropdown-submenu ul.dropdown-submenu li a {
padding-left: 15px !important; /* REDUCE INDENT ON MOBILE FOR MORE SPACE */
padding-right: 35px !important; /* ENSURE ADEQUATE RIGHT PADDING FOR ARROW */
}
/* Add more vertical padding for better readability on wrapped text */
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu > a,
body.ribbit .navbar .dropdown-menu .dropdown-submenu > a,
body.ribbit #MPButtonBar .dropdown-menu > li > a,
body.ribbit .navbar .dropdown-menu > li > a {
padding-top: 12px !important;
padding-bottom: 12px !important;
padding-right: 35px !important;
}
}
.ContentItemHtml.card, .card.engagement-leaderboard, .card.clickable>a, .card.team button, .card.team:not(:has(button)), body.ribbit .narrow-widget-container, body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLLandingControl, body.ribbit:not(.interior) .ContentItemMVC.card, body.ribbit .card .HLLandingControl, body.ribbit .suggested-contacts-cards .HL-contact-suggestions .row ul {
border-radius: var(--border-radius-large);
padding: 24px;
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
background: inherit;
-webkit-filter: none;
filter: none;
border: none;
}
.white {color: #fff !important;}
.lite-shadow {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important;}
.navy {color: #11425b !important;}
.plum {color: #7e1951 !important;}
.emerald {color: #086e56 !important;}
.pink {color: #d93f97 !important;}
.gold {color: #ffc709 !important;}
.darkgold {color: #efac1f !important;}
.orange {color: #f26646 !important;}
.green {color: #7fc347 !important;}
.cloud {color: #e6e9ec !important;}
.graphite {color: #80878e !important;}
.slate {color: #3e4349 !important;}
.teal {color: #0cbcc0 !important;}
.carousel-control.left, .carousel-control.right {background-image: none;}
.fa-tab {width: 22px; color: #ffc709 !important;}
.lite {font-weight:200;}
.fw1 {font-weight:100 !important;}
.fw2, .lite {font-weight:200 !important;}
.fw3 {font-weight:300 !important;}
.fw4 {font-weight:400 !important;}
.fw5 {font-weight:500 !important;}
.fw6 {font-weight:600 !important;}
.fw7 {font-weight:700 !important;}
.fw8 {font-weight:800 !important;}
.fw9 {font-weight:900 !important;}
.time-span {
display: block;
width: 100%; font-size: 1.4rem; font-weight:600; color: #11425b;
background-image: linear-gradient(to right, rgba(230, 233, 236, 1.0), rgba(230, 233, 236, 0.0));
padding: 5px 15px; margin-bottom:15px; margin-top:5px;
box-sizing: border-box; border-radius:20px;}
.day-span {
display: block;
width: 100%; font-size: 1.75rem; font-weight:100; color: #fff !important;
background-image: linear-gradient(to right, rgba(20, 66, 91, 1.0), rgba(12, 188, 192, 1.0));
padding: 8px 11px 8px 20px; margin-top:20px;
box-sizing: border-box; border-radius:11px 11px 0 0;}
.fa-space {margin-left:1.5em; margin-right:8px; color: #3e4349;}
.agenda-desc {font-size: 1.4rem; padding:10px; color: #3e4349;}
.day-div, {border: solid 1px; border-image: linear-gradient(to right, rgba(20, 66, 91, 0.2), rgba(12, 188, 192, 0.0)) 1; padding: 1.8em; margin-top:-1em; position: relative; background-color: rgb(255, 255, 255);}
.bg-navy summary, .bg-navy details, .bg-navy details p, .bg-navy details strong {color:#3e4349 !important;}
.questions-container {
position: relative;
display: inline-block;
cursor: pointer;
}
.questions-text {
position: relative;
z-index: 2;
font-weight: bold;
}
.contact-info {
display: block;
text-align: center;
background-color: #f2f2f2; /* Lightest gray */
color: #333; font-size:1.4rem;
padding: 5px 10px;
border-radius: 4px;
margin-top: 10px;
transform: translateY(-20px);
opacity: 0;
max-height: 0;
overflow: hidden;
transition: transform 0.4s ease, opacity 0.4s ease, max-height 0.4s ease;
}
.questions-container:hover .contact-info,
.questions-container.active .contact-info {
transform: translateY(0);
opacity: 1;
max-height: 50px;
}
.contact-info a {
font-weight: 600;
color: #333;
text-decoration: none;
}
.contact-info a:hover {
text-decoration: underline;
}
.policy {text-align: center;
color: #333; font-size:.9rem;
padding: 10px 20px 48px 20px;
margin-top: 10px; border-top: 1px solid #cacfd6;}
.policy a:hover { text-decoration: underline;}
.btnTxt a {
font-family: "Poppins", sans-serif; font-weight:300;letter-spacing: 0.5px;}
body.ribbit .tabbed-schedule .row[class*="tab"] {
margin: 0;}
.webinar-details {
border-collapse: collapse;
width: 100%;
font-size: 1.35rem;
line-height: 1.5;
font-weight: 300;
letter-spacing: 0.5px;
font-family: "Solway", "Poppins", sans-serif;
margin: 10px 0px;
}
.webinar-details col.label-col {
width: 20%; padding: 8px 0; }
.webinar-details col.content-col {
width: 80%; padding: 8px 0;}
.webinar-details tr, .webinar-details tr:nth-child(2n) {
border-bottom: 1px solid #e6e9ec;}
.webinar-details td.label {
font-weight: 600;
padding: 8px 8px 8px 0;}
.webinar-details td.content {
padding: 8px 0;}
.tabletext { font-size: 1.3rem;
line-height: 1.5;
letter-spacing: 0.5px;
font-family: "Solway", "Poppins", sans-serif; font-weight: 300; font-style: normal;
}
body.ribbit #MPOuterMost #MPOuter .card h2 {
font-size: 2rem;
line-height: 1.2;
font-family: "Solway", "Poppins", sans-serif; font-weight: 300; font-style: normal;
}
body.ribbit #MPOuterMost #MPOuter .card h1 {
font-size: 2.5rem;}
.program-tabs-section {
margin: 2rem 0;
}
.program-tabs-wrapper {
width: 100%;
max-width: 720px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 16px;
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
}
.program-tabs-nav {
display: flex;
flex-wrap: nowrap;
border-bottom: none;
margin-bottom: 0;
gap: 0;
}
.program-tab-button {
background-color: #f1f3f7;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
border: 1px #e6e9ec solid;
border-radius: 16px 16px 0 0;
padding: 1rem 1.5rem;
font-size: 1.4rem;
font-family: 'courier new', courier, sans-serif;
font-weight: 600;
color: #333 !important;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Reset any default button styling */
.program-tab-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.program-tab-button:not(:first-child) {
margin-left: -1px;
}
.program-tab-button:hover:not([aria-selected="true"]) {
background-color: #f1f3f7;
border-radius: 16px 16px 0 0;
border: 1px solid #e6e9ec;
color: #0cbcc0 !important;
z-index: 1;
font-size: 1.4rem;
font-family: 'courier new', courier, sans-serif;
font-weight: 600;
}
.program-tab-button[aria-selected="true"] {
border-top: 1px #e6e9ec solid;
border-left: 1px #e6e9ec solid;
border-right: 1px #e6e9ec solid;
border-bottom: 1px #e6e9ec solid;
border-radius: 16px 16px 0 0;
background-color: #fff;
position: relative;
z-index: 2;
color: #333 !important;
font-size: 1.4rem;
font-family: 'courier new', courier, sans-serif;
font-weight: 600;
}
.program-tab-button[aria-selected="true"]::after {
width: 100%;
height: 1px;
background-color: #fff;
display: block;
position: absolute;
left: 0;
bottom: -1px;
content: "";
}
.program-tab-button:focus {
outline: 2px solid #30b6e3;
outline-offset: -2px;
z-index: 3;
}
.program-tab-button:focus:not(:focus-visible) {
outline: none;
}
.program-tab-button:focus-visible {
outline: 2px solid #30b6e3;
outline-offset: -2px;
z-index: 3;
}
.program-tab-button:active {
background-color: white;
border-radius: 16px 16px 0 0;
font-weight: 600;
}
.program-tabs-content {
border-width: 0 1px 1px;
border-color: #e6e9ec;
border-radius: 0 0 16px 16px;
border-style: solid;
background-color: #fff;
overflow: auto;
padding: 1.5rem;
}
@media (min-width: 576px) {
.program-tabs-content {
padding-left: 2rem;
padding-right: 2rem;
border-radius: 0px;
}
}
.program-tab-panel {
display: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.program-tab-panel.active {
display: block;
opacity: 1;
}
.program-tab-panel.show {
opacity: 1;
}
.text-center {
text-align: center;
}
.container--max-width {
max-width: 800px;
margin: 0 auto;
}
.container--padded {
padding: 1.5rem 1rem;
}
@media (max-width: 768px) {
.program-tabs-nav {
border-radius: 0px;
flex-direction: column;
}
.program-tab-button {
width: 100%;
text-align: left;
flex: none;
margin-left: 0 !important;
margin-top: -1px;
border-radius: 0px;
}
.program-tab-button:first-child {
margin-top: 0;
border-radius: 0px;
}
.program-tab-button[aria-selected="true"] {
border-top: 1px #e6e9ec solid;
border-left: 1px #e6e9ec solid;
border-right: 1px #e6e9ec solid;
border-bottom: 1px #e6e9ec solid;
border-radius: 0px;
}
.program-tab-button[aria-selected="true"]::after {
width: 1px;
height: 100%;
left: auto;
right: -1px;
bottom: auto;
top: 0;
}
.program-tabs-content {
padding: 1.5rem;
border-radius: 0px;
}
}
@media (max-width: 480px) {
.program-tab-button {
padding: 0.75rem 1rem;
font-size: 0.9rem;
border-radius: 0px;
}
.program-tabs-wrapper {
border-radius: 0;
}
.program-tabs-content {
padding: 1.2rem;
border-radius: 0px;
}
}
/* Force carousel to have defined dimensions Leadership Academy page*/
RenderCarousel_57828b81dde4437c99f2ab18e8977cd7-main-dvCarousel {
min-height: 400px;}
RenderCarousel_57828b81dde4437c99f2ab18e8977cd7-main-dvCarousel .carousel-inner,
RenderCarousel_57828b81dde4437c99f2ab18e8977cd7-main-dvCarousel .carousel-inner > .item {
min-height: 400px; }
RenderCarousel_57828b81dde4437c99f2ab18e8977cd7-main-dvCarousel .carousel-inner > .item > img {
width: 100%;
height: auto;
min-height: 400px;
object-fit: cover; }
RenderCarousel_57828b81dde4437c99f2ab18e8977cd7-main-dvCarousel .carousel-inner > .item {
display: none;}
RenderCarousel_57828b81dde4437c99f2ab18e8977cd7-main-dvCarousel .carousel-inner > .item.active {
display: block !important;}
body.ribbit .tabbed-schedule .row[class*="tab"] {
margin: 0px -20px 0px -20px;}
h1 { font-size: clamp(1.75rem, 5vw, 3.5rem); text-wrap: balance; line-height:1.25;}
p, li {text-wrap: pretty;}
select {padding:5px; color:#11425b!important; font-family: "Solway", "Poppins", sans-serif !important; font-size: 1.1rem; font-weight: 300; font-style: normal;}
.fee-box { border: 1px solid #e0e0e0 !important;
border-radius: 6px; text-align:center;
padding: 0 1rem 1rem 1rem;
margin:0 2rem 3rem 0 ;
box-shadow:
2px 2px 5px rgba(0, 0, 0, 0.2);
background: #fff; float:left;}
#clockdiv {display: inline-block; text-align: center; }
#clockdiv > div{display: inline-block; padding-right: 2px;}
#clockdiv div > span{display: inline-block;}
.smalltext{font-size: 1rem; }
@layer base, carouselAndMarkers, carouselArrows;
@layer carouselAndMarkers {
.carousel {
display: grid;
grid-auto-columns: 100%;
grid-auto-flow: column;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
max-inline-size: 1200px;
margin: 0 auto;
scroll-behavior: smooth;
scroll-marker-group: after;
&::scroll-marker-group {
width: 100%;
display: flex;
gap: 12px;
align-items: center;
padding: 10px 0;
justify-content: center;
z-index: 20;
}
div {
scroll-snap-stop: always;
scroll-snap-align: start;
&::scroll-marker {
display: none;
content: " ";
aspect-ratio: 1;
width: 24px;
border-radius: 50%;
border: 1px solid silver;
cursor: pointer;
background: transparent;
justify-content: center;
transition: background 0.5s ease-out;
}
&::scroll-marker:target-current {
background: white;
}
&::scroll-marker:where(:hover, :active, :focus) {
background: lightgray;
}
}
img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
}
}
@layer carouselArrows {
.carousel {
anchor-name: --carousel;
&::scroll-button(inline-end),
&::scroll-button(inline-start) {
z-index: 1;
cursor: pointer;
position: absolute;
position-anchor: --carousel;
top: anchor(center);
inset-inline: anchor(start) anchor(end);
inline-size: 44px;
aspect-ratio: 1;
backdrop-filter: blur(5px);
border: 1px solid silver;
border-radius: 50%;
line-height: 1;
content: "";
background-color: rgb(255 255 255 / 0.5);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5 8.25 12l7.5-7.5' /%3E%3C/svg%3E%0A");
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center;
translate: 20px -50%;
transition: background-color 0.5s ease-out;
}
&::scroll-button(inline-end) {
top: anchor(center);
inset-inline: auto anchor(end);
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5' /%3E%3C/svg%3E%0A");
translate: -20px -50%;
}
&::scroll-button(inline-end):where(:hover, :focus, :active),
&::scroll-button(inline-start):where(:hover, :focus, :active) {
background-color: rgb(255 255 255);
}
}
}
@layer base {
*,
*::before,
*::after {
box-sizing: border-box;
}}}
.nav-ul, .hidemobile {
display: block;
}
.nav-select, .showmobile {
display: none;
}
@media (max-width: 768px) {
.nav-ul, .hidemobile {
display: none;
}
.showmobile {display:block;}
.nav-select {
display: flex;
align-items: center;
gap: 2%;
width: 100%;
} }
.dropdown-menu li {font-size:1.25rem;}
@media (min-width: 992px) {
body.ribbit .row-wide > .col-md-4:first-child, body.ribbit .row-wide > .col-md-6:first-child, body.ribbit .row-wide > .col-md-8:first-child
{padding-right: 0; padding-left: 8px; }}
body.ribbit .profile-snippet-bio .profile-snippet-avatar {margin:10px !important}
body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(2), body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(3)
{padding-left: 20px;}
.ProfileUserName {color:#fff !important; text-align: right; font-size:1.15rem!important; text-transform: uppercase;}