/* GLOBAL VARIABLES -------------------------------------------------- */ :root { --primary: #00224d; --secondary: #bf1943; --tertiary: #bf1943; --font1: 'Lato', Arial, sans-serif; --fontsize: 19px; /***** HOME PAGE SECTIONS BACKGROUND OVERLAY COLORS AND BUTTONS *****/ --HPHC1: rgba(0, 0, 0, .1) 40%; /* Background Color 1 */ --HPHC2: rgba(0, 0, 0, .1) 100%; /* Background Color 2 */ --HPHBC: var(--secondary); /* Button Background Color (text on hover) */ --HPHBT: #FFFFFF; /* Button Text Color (bg on hover) */ --HPS1C1: rgba(0, 34, 77, 1) 40%; --HPS1C2: rgba(0, 34, 77, 1) 100%; --HPS1BC: var(--secondary); --HPS1BT: #FFFFFF; --HPS1BC1: rgba(0, 34, 77, 1) 40%; --HPS1BC2: rgba(0, 34, 77, 1) 100%; --HPS1BBC: var(--secondary); --HPS1BBT: #FFFFFF; --HPS2C1: rgba(255, 255, 255, .7) 40%; --HPS2C2: rgba(255, 255, 255, .7) 100%; --HPS2BC: var(--secondary); --HPS2BT: #FFFFFF; --HPS2BC1: rgba(255, 255, 255, .7) 40%; --HPS2BC2: rgba(255, 255, 255, .7) 100%; --HPS2BBC: var(--secondary); --HPS2BBT: #FFFFFF; --HPS3C1: rgba(255, 255, 255, .8) 40%; --HPS3C2: rgba(255, 255, 255, .8) 100%; --HPS3BC: var(--secondary); --HPS3BT: #FFFFFF; --HPS3BC1: rgba(255, 255, 255, .8) 40%; --HPS3BC2: rgba(255, 255, 255, .8) 100%; --HPS3BBC: var(--secondary); --HPS3BBT: #FFFFFF; --HPS4C1: rgba(0, 34, 77, 1) 40%; --HPS4C2: rgba(0, 34, 77, 1) 100%; --HPS4BC: var(--secondary); --HPS4BT: #FFFFFF; --HPS4BC1: rgba(0, 34, 77, 1) 40%; --HPS4BC2: rgba(0, 34, 77, 1) 100%; --HPS4BBC: var(--secondary); --HPS4BBT: #FFFFFF; --HPS5C1: rgba(255, 255, 255, 1) 40%; --HPS5C2: rgba(255, 255, 255, 1) 100%; --HPS5BC: var(--secondary); --HPS5BT: #000; --BtnHoverLt: linear-gradient(rgba(0, 0, 0, 0.1) 0 0); /*** for light colored buttons ***/ --BtnHoverDk: linear-gradient(rgba(255, 255, 255, 0.2) 0 0); /*** for dark colored buttons ***/ --BtnColor: #fff; /*** text color for buttons ***/ } /* HOME PAGE SECTIONS ---------------------------------------------------- */ /* HOME PAGE HEADER -------------------------------------------------- */ #home-page-header {color: white;background-color: white;width: 100%;margin: 0;display: inline-block;min-height: 66vh;height: fit-content;position:relative;} #home-page-header .site-width {padding: 0;margin: 0;max-width: 100%;} #home-page-header .color-overlay{background-image: linear-gradient(to bottom, var(--HPHC1),var(--HPHC2));min-height: inherit;} #home-page-header p.quote, #featured-content-1 p.person {font-size: calc(28px + 1vw);text-align: center;} #home-page-header p.quote em {font-weight: bold;} #home-page-header p.person {text-align: center;margin-left: 40vw;font-size: calc(18px + 1vw);} #home-page-header h6 a {background: var(--HPHBC);color: var(--HPHBT);} #home-page-header h6 a:hover {background: var(--HPHBT);color: var(--HPHBC);} #home-page-header h3 {color: #fff;} #home-page-header p {color: #fff;} /* HOME PAGE SECTION 1 -------------------------------------------------- */ #home-page-section-1 .color-overlay {background-image: linear-gradient(to bottom, var(--HPS1C1),var(--HPS1C2));} #home-page-section-1 h6 a {background: var(--HPS1BC);color: var(--HPS1BT);border: 2px solid var(--HPS1BC);} /*Use border for white section background*/ #home-page-section-1 h6 a:hover {background: var(--HPS1BT);color: var(--HPS1BC);} #home-page-section-1 h1{text-align: center;} #home-page-section-1 h2 {color: #fff;} #home-page-section-1 h3 {color: #fff;} #home-page-section-1 p {color: #fff;} /* HOME PAGE SECTION 1 BLOCK -------------------------------------------------- */ #home-page-section-1-blocks .color-overlay {background-image: linear-gradient(to bottom, var(--HPS1BC1),var(--HPS1BC2));} #home-page-section-1-blocks h6 a {background: var(--HPS1BBC);color: var(--HPS1BBT);} #home-page-section-1-blocks h6 a:hover {background: var(--HPS1BBT);color: var(--HPS1BBC);} #home-page-section-1-blocks h1{text-align: center;} #home-page-section-1-blocks h2 {color: #fff;} #home-page-section-1-blocks h3 {color: #fff;} #home-page-section-1-blocks p {color: #fff;} /* HOME PAGE SECTION 2 -------------------------------------------------- */ #home-page-section-2 .color-overlay {background-image: linear-gradient(to bottom, var(--HPS2C1),var(--HPS2C2));} #home-page-section-2 h6 a {background: var(--HPS2BC);color: var(--HPS2BT);border: 2px solid var(--HPS2BC);} /*Use border for white section background*/ #home-page-section-2 h6 a:hover {background: var(--HPS2BT);color: var(--HPS2BC);} #home-page-section-2 h1{text-align: center;} #home-page-section-2 h2 {color: #000;} #home-page-section-2 h3 {color: #000;} #home-page-section-2 p {color: #000;} /* HOME PAGE SECTION 2 BLOCK -------------------------------------------------- */ #home-page-section-2-blocks .color-overlay {background-image: linear-gradient(to bottom, var(--HPS2BC1),var(--HPS2BC2));} #home-page-section-2-blocks h6 a {background: var(--HPS2BBC);color: var(--HPS2BBT);} #home-page-section-2-blocks h6 a:hover {background: var(--HPS2BBT);color: var(--HPS2BBC);} #home-page-section-2-blocks h1{text-align: center;} #home-page-section-2-blocks h2 {color: #000;} #home-page-section-2-blocks h3 {color: #000;} #home-page-section-2-blocks p {color: #000;} /* HOME PAGE SECTION 3 -------------------------------------------------- */ #home-page-section-3 .color-overlay {background-image: linear-gradient(to bottom, var(--HPS3C1),var(--HPS3C2));} #home-page-section-3 h6 a {background: var(--HPS3BC);color: var(--HPS3BT);border: 2px solid var(--HPS3BC);}/*Use border for white section background*/ #home-page-section-3 h6 a:hover {background: var(--HPS3BT);color: var(--HPS3BC);} #home-page-section-3 h1{text-align: center;} #home-page-section-3 h2 {color: #000;} #home-page-section-3 h3 {color: #000;} #home-page-section-3 p {color: #000;} /* HOME PAGE SECTION 3 BLOCK -------------------------------------------------- */ #home-page-section-3-blocks .color-overlay {background-image: linear-gradient(to bottom, var(--HPS3BC1),var(--HPS3BC2));} #home-page-section-3-blocks h6 a {background: var(--HPS3BBC);color: var(--HPS3BBT);} #home-page-section-3-blocks h6 a:hover {background: var(--HPS3BBT);color: var(--HPS3BBC);} #home-page-section-3-blocks h1{text-align: center;} #home-page-section-3-blocks h2 {color: #000;} #home-page-section-3-blocks h3 {color: #000;} #home-page-section-3-blocks p {color: #000;} /* HOME PAGE SECTION 4 -------------------------------------------------- */ #home-page-section-4 .color-overlay {background-image: linear-gradient(to bottom, var(--HPS4C1),var(--HPS4C2));} #home-page-section-4 h6 a {background: var(--HPS4BC);color: var(--HPS4BT);border: 2px solid var(--HPS4BC);} /*Use border for white section background*/ #home-page-section-4 h6 a:hover {background: var(--HPS4BT);color: var(--HPS4BC);} #home-page-section-4 h1{text-align: center;} #home-page-section-4 h2 {color: #fff} #home-page-section-4 h3 {color: #fff} #home-page-section-4 p {color: #fff;} /* HOME PAGE SECTION 4 BLOCK -------------------------------------------------- */ #home-page-section-4-blocks .color-overlay {background-image: linear-gradient(to bottom, var(--HPS4BC1),var(--HPS4BC2));} #home-page-section-4-blocks h6 a {background: var(--HPS4BBC);color: var(--HPS4BBT);} #home-page-section-4-blocks h6 a:hover {background: var(--HPS4BBT);color: var(--HPS4BBC);} #home-page-section-4-blocks h1{text-align: center;} #home-page-section-4-blocks h2 {color: #fff} #home-page-section-4-blocks h3 {color: #fff} #home-page-section-4-blocks p {color: #fff;} /* HOME PAGE SECTION 5 -------------------------------------------------- */ #home-page-section-5 .color-overlay {background-image: linear-gradient(to bottom, var(--HPS5C1),var(--HPS5C2));} #home-page-section-5 h6 a {background: var(--HPS5BC);color: var(--HPS5BT);} #home-page-section-5 h6 a:hover {background: var(--HPS5BT);color: var(--HPS5BC);} #home-page-section-5 h1{text-align: center;} #home-page-section-5 h2 {color: #000;} #home-page-section-5 h3 {color: #000;} #home-page-section-5 p {color: #000;} /* GENERAL -------------------------------------------------- */ body {font-family:var(--font1) !important;font-size:var(--fontsize)} /* force correct font in profile */ a {color: var(--secondary);} h1 {color: var(--primary);} h2 {color: var(--primary);} h3 {color: var(--primary);} #my-name-is {background-color: var(--primary);} /*member landing page my name is box background*/ h6 a, .button-grid a {background: var(--secondary); color: var(--BtnColor);} /*content button colors*/ hr {background: #eee;} /*horizontal rule color*/ .resp-menu > li:hover {border-radius: 2px;background-color:rgba(0,0,0,.05)} /*top level menu hover background */ .resp-menu li ul {background: var(--secondary);border-radius: 0 2px 2px;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} /*dropdown menu background*/ h6 a:hover, h6 a:active, .button-grid a:hover {background-image: var(--BtnHoverDk) !important;} /*general buttons hover */ .hp-block .menu a {background: var(--secondary);color: var(--BtnColor);} /* home page quick links colors */ .hp-block .menu a:hover {background:var(--BtnColor);color:var(--secondary);} /* home page quick links colors on hover */ .block-icon {color: #fff; font-size: 72px;} /* icon for blocks */ .block-overlay-lt {background-color: rgba(255,255,255,.3);} /* light block overlay */ .block-overlay-dk {background-color: rgba(0,0,0,.3);} /* dark block overlay */ #btnToTop {background: var(--secondary);border: 2px solid var(--secondary);}/* return to top button colors */ #btnToTop:hover {background: var(--secondary);border: 2px solid var(--secondary);}/* return to top button colors on hover */ .two-block-box {padding: 40px;text-align: center;background-color: var(--primary);box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);} /* two block box colors */ .two-block-box h2, .two-block-box h3, .two-block-box p {color: #fff !important;} /* two block box text colors */ #subheader {background-attachment: fixed;background-image: url("https://kensington.memberclicks.net/assets/site/subhead-bg.jpg");background-repeat: no-repeat;} /*subhead bg*/ .mc-event-listing {background-color: rgba(255,255,255,.2);color: #fff;} /* event widget event item colors */ .mod_events_latest_content a {color:#fff;} /* event widget title color */ .button.modal-site-search {color: var(--BtnColor);background-color: var(--secondary);} /* modal search button colors */ .resp-menu li li > a, .resp-menu li li > .separator {color: #fff;} #menu-toggle, #mc-primary-header-bar-scrollable-header #menu-toggle {fill: var(--primary);} .mobile-menu {background: var(--primary);} #cal_title {background-color: var(--primary);font-weight: bold;}/* calendar page month */ .cal-container .row.day-names {background-color: var(--secondary);color: #fff;} /* calendar page days */ .cal_td_today .cell-title {background: var(--primary);color: #fff;}/* calendar page today */ .header-button h6 a {font-size: var(--fontsize);font-family: var(--font1);line-height: 30px;} /*fix for button on profile page */ /***** Video Hero Content *****/ .video-hero-content h1 {color: #fff;font-size: 3.5em;}.video-hero-content h2 {color: #fff;font-size: 1.5em;}.video-hero-content p {color: #fff;} /***** Background Images *****/ #home-page-header{background: url(/assets/videos/placeholder.jpg);background-size: cover;background-position: top;background-attachment: fixed;} #home-page-section-1{/*background: url(/assets/home-page-background/hpbg-2.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-1-blocks{/*background: url(/assets/home-page-background/hpbg-2.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-2{/*background: url(/assets/home-page-background/hpbg-3.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-2-blocks{background: url(/assets/home-page-background/hpbg-3.jpg);background-size: cover;background-position: top left;background-attachment: fixed;} #home-page-section-3{/*background: url(/assets/home-page-background/hpbg-4.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-3-blocks{/*background: url(/assets/home-page-background/hpbg-4.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-4{/*background: url(/assets/home-page-background/hpbg-5.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-4-blocks{/*background: url(/assets/home-page-background/hpbg-5.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} #home-page-section-5{/*background: url(/assets/home-page-background/hpbg-6.jpg);background-size: cover;background-position: top left;background-attachment: fixed;*/} /***** Footer *****/ #footer {color: white;background: var(--primary);} #footer a {color: white;} .footer-buttons ul li a{background: var(--secondary);color: var(--BtnColor) !important;border-color:var(--secondary);} .footer-buttons ul li a:hover {background-image: var(--BtnHoverLt) !important;} /*footer buttons hover */ .footer-buttons ul li:first-child a {background-color: #fff;color: var(--primary) !important;border-color: #fff;} #footer h3 {color:#fff;} /***** Mobile Menu *****/ .mobile-menu .module-flex .moduletable.join-now #cta-join {background-color: var(--secondary);border: 2px solid var(--secondary);} .mobile-menu .module-flex .moduletable:nth-child(2) #mcSimpleLogin {background: var(--primary); color: #fff;} .mobile-menu .module-flex #mcSimpleLogin, .mobile-menu .module-flex #cta-join,.mobile-menu .module-flex a.button.site-search {color: #fff;background: var(--primary);} .mobile-menu ul.resp-menu li a, .mobile-menu ul.resp-menu li .separator {color: var(--secondary);} /***** Polls *****/ .poll .button {background: var(--secondary);border:1px solid var(--secondary);color: var(--BtnColor);} .poll .button:hover {background-image: var(--BtnHoverLt) !important;} /***** Accordion *****/ .tab-label {background: var(--primary);color: #fff;} .tab-label:hover {background: var(--secondary);color: #fff;} .accordion input:checked + .tab-label {background: var(--secondary);color: #fff;} /***** LOGIN PAGE *****/ .mcloginpage, .mat-button, .mat-fab, .mat-flat-button, .mat-icon-button, .mat-mini-fab, .mat-raised-button, .mat-stroked-button {font-family:var(--font1) !important;} .mc-login-widget .uil-login-container .login-box .action-footer .action-button {background-color:var(--secondary) !important;} .mat-button-toggle, .mat-card {font-family:var(--font1) !important;} /***** PROFILE PAGE *****/ .mat-tab-nav-bar.mat-tab-header.mat-primary {background-color: var(--secondary);} /* profile menu bg */ .mat-tab-link.mat-tab-label-active {background-color: var(--primary);color:#fff !important;} .mat-tab-link.mat-focus-indicator {color: #fff !important;} .mat-tab-group, .mat-tab-label, .mat-tab-link {font-family: var(--font1) !important;} #community-wrap {font-family: var(--font1) !important;} .mat-tab-link {opacity:1 !important;} .mat-tab-label, .mat-tab-link {font-size: inherit;} .section-title, .tab-title {font-size: inherit !important;} .mat-body, .mat-body-1, .mat-typography {font-family: var(--font1) !important;font-size: var(--fontsize) !important;} button.mat-flat-button.mc-blue, button.mat-raised-button.mc-blue {background-color: var(--secondary) !important;color: #fff !important;font-size: var(--fontsize);} button.mat-flat-button.mc-gray, button.mat-raised-button.mc-gray {background-color: var(--secondary) !important;color: #fff !important;font-size: var(--fontsize);} .link.link {font-size: var(--fontsize) !important;line-height: inherit !important; -webkit-text-decoration-line: none !important;text-decoration-line: none !important; color: var(--secondary) !important;} .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {background-color: var(--secondary) !important;} .mat-slide-toggle.mat-checked .mat-ripple-element, .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {background-color: var(--primary) !important;} .subsection-title {font-size: var(--fontsize)!important;} body #component-wrap #community-wrap #cToolbarNav #cToolbar_inner ul#cToolbarNavList.jmc-menu li.toolbar-active a {background: var(--primary) !important;font-family: var(--font1) !important; font-size: var(--fontsize) !important;color: #fff !important;} .mat-tab-label, .mat-tab-link {font-size: var(--fontsize) !important;} .email-link {color: var(--secondary) !important;} .status-banner {background: var(--primary) !important;} .change-password-link {font-size: var(--fontsize) !important;color: var(--secondary) !important;} .mat-card-content, .mat-card-subtitle {font-size: var(--fontsize) !important;} /***** CC BOARD *****/ td.ccbtopleftgray, td.ccbtopmiddlegray, td.ccbtoprightgray {background: var(--primary) !important;} a.ovalbuttongray {background: var(--secondary);color: var(--BtnColor) !important;} a.squarebutton {background: var(--tertiary);color:#000;} a:hover.squarebutton, a:active.squarebutton {color: #fff; opacity: 0.7;} /***** COMMUNITY / PROFILE MENU BAR *****/ #community-wrap .cToolbar#cToolbarNav ul#cToolbarNavList li a {background: var(--primary) !important;} body #community-wrap #cToolbarNav ul#cToolbarNavList.jmc-menu li.toolbar-active a {background: var(--secondary) !important;} body #community-wrap .button {background-color: var(--secondary);color: var(--BtnColor);} /***** FORMS *****/ .gen-button, .alt-button, .add-another.gen-button {background-color: var(--secondary);color: var(--BtnColor) !important;border:none;} .gen-button:hover {color: var(--BtnColor) !important;background: var(--secondary) !important;} .alt-button.green {background: var(--secondary);color: var(--BtnColor) !important;font-family: var(--font1);} .alt-button.green:hover {background: var(--secondary) !important;color: var(--BtnColor) !important;} .ADMdtpDays > span > span.selected, .ADMdtpMonths .ADMdtpDays > span > span:hover {background: var(--tertiary) !important;color: #000 !important;} /*date picker selected date */ .ADMdtpDays > span > span.today::after {border-bottom: .7em solid var(--tertiary) !important;} /*date picker today's date arrow */ .ADMdtpDays > span > span:not(.disable):hover {background: var(--tertiary) !important;color: #000 !important;opacity: .6;} /*date picker hover */