/* 2026 redesign */ /* ======================================================== NACTT — GLOBAL TYPOGRAPHY Cormorant Garamond + Inter =======================================================*/ /* Google Fonts*/ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap'); /* ======================================================= TYPE VARIABLES =========================================================*/ :root { /* Fonts */ --nactt-serif: 'Cormorant Garamond',Georgia,'Times New Roman',serif; --nactt-sans: 'Inter',Arial,Helvetica,sans-serif; /* ----------------------------- COLORS ----------------------------- */ --nactt-navy: #0B2854; --nactt-blue: #174A9B; --nactt-blue-dark: #09224A; --nactt-blue-light: #EEF6FF; --nactt-orange: #F36A21; --nactt-orange-dark: #D95715; --nactt-white: #FFFFFF; --nactt-cream: #F8F7F4; --nactt-gray: #EEF0F3; --nactt-text: #10284D; --nactt-muted: #617087; --nactt-border: #DCE2EA; /* ----------------------------- WIDTHS ----------------------------- */ --nactt-max-width: 1160px; /* ----------------------------- RADIUS ----------------------------- */ --nactt-radius: 12px; --nactt-radius-small: 8px; --nactt-pill: 999px; /* ----------------------------- SHADOW ----------------------------- */ --nactt-shadow: 0 8px 30px rgba(11,40,84,.08); /* ----------------------------- TRANSITION ----------------------------- */ --nactt-transition: all .25s ease; } /* ======================================================== 05 — BUTTONS ======================================================== */ .nactt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 38px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--nactt-pill); font-family: var(--nactt-sans); font-size: 10px; line-height: 1; font-weight: 600; white-space: nowrap; transition: var(--nactt-transition);} .nactt-btn-orange {color: #FFFFFF; background: var(--nactt-orange);} .nactt-btn-orange:hover { color: #FFFFFF; background: var(--nactt-orange-dark); transform: translateY(-2px);} .nactt-btn-outline { color: var(--nactt-navy); background: transparent; border-color: var(--nactt-navy);} .nactt-btn-outline:hover { color: #FFFFFF; background: var(--nactt-navy);} .nactt-btn-white { color: var(--nactt-navy); background: #FFFFFF;} .nactt-btn-white:hover { color: var(--nactt-navy); background: #F3F6FA; transform: translateY(-2px);} .nactt-btn-arrow::after { content: "→"; font-size: 14px; line-height: 1;} /* =============== menu ==============================*/ .nactt-nav {background: var(--nactt-navy); } /*======================================================= 07 — HERO ======================================================== */ .nactt-hero { position: relative; min-height: 405px; display: flex; align-items: center; overflow: hidden; /* background: linear-gradient( 90deg, rgba(5,25,55,.97) 0%, rgba(8,35,72,.88) 40%, rgba(8,35,72,.30) 72%, rgba(8,35,72,.05) 100% );*/} .nactt-home.nactt-hero {background: linear-gradient( 90deg, rgba(5,25,55,.97) 0%, rgba(8,35,72,.88) 40%, rgba(8,35,72,.30) 72%, rgba(8,35,72,.05) 100% ), url('/resources/Pictures/inclusion.png') center center / cover no-repeat;} .nactt-hero-inner { position: relative; z-index: 2; width: min( calc(100% - 48px), var(--nactt-max-width) ); margin-left: 50px;} .nactt-hero-content { width: 52%; max-width: 560px; color: #FFFFFF;} .nactt-hero h1 { max-width: 580px; margin-bottom: 15px; color: #FFFFFF;} .nactt-hero p { max-width: 420px; margin-bottom: 20px; font-family: var(--nactt-sans); font-size: 13px; line-height: 1.45; color: rgba(255,255,255,.94);} .nactt-hero-buttons { display: flex; flex-wrap: wrap; gap: 12px;} /* ======================================================= 13 — FOOTER ======================================================== */ .nactt-footer { padding: 30px 30px 0px; background: var(--nactt-navy); color: #FFFFFF;} /*.nactt-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 45px;}*/ /* .nactt-footer-logo { margin-bottom: 10px; margin-left: 50px; font-family: var(--nactt-serif); font-size: 27px;line-height: 1; font-weight: 600; color: #FFFFFF;*/ } .nactt-footer-description { /* max-width: 280px; */ font-size: 18px; line-height: 1.5;color: var(--nactt-white) !important ;} .nactt-footer-heading { margin-bottom: 12px; font-family: var(--nactt-sans); font-size: 19px; line-height: 1.2; font-weight: 600; color: var(--nactt-white) !important ;} /*.nactt-footer-links { display: flex; flex-direction: column; gap: 5px;} .nactt-footer-links a { font-size: 8px; line-height: 1.4; color: rgba(255,255,255,.82); transition: color .2s ease;} .nactt-footer-links a:hover { color: #FFFFFF;}*/ .nactt-footer-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; margin-bottom: 30px; margin-left: 50px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.25); font-size: 7px; background: var(--nactt-navy); color: var(--nactt-white) !important ; } /*@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); /* @import url("https://use.typekit.net/wgz4joy.css");*/ body .gadgetStyleNone, p {font-family: "Lora";} h1{font-family: "Libre Baskerville", sans-serif !important; font-size: 36px; color: #003048; font-weight:700; text-align:left !important; text-transform: uppercase; } h2 {font-family: "Libre Baskerville", sans-serif !important; font-size: 30px; color: #003048; font-weight:700; text-align:left !important; } .gadgetStyle002 h2, .gadgetStyle002 h3, .gadgetStyle001 .gadgetStyleTitle h4 , .gadgetStyle001 .gadgetStyleTitle h4.gadgetTitleH4 ,.WaGadgetEventsStateCalendar .sectionTitle {font-family: "Libre Baskerville", sans-serif !important;/*font-family: acier-bat-gris; */font-size: 20px; color: #003048; font-weight:normal; text-transform:uppercase;} h2 {margin-bottom: 20px;} h3 {font-family: "Libre Baskerville", sans-serif !important;/*font-family: acier-bat-gris; */font-size: 28px; color: #003048; font-weight:normal;}*/ a.readmore{ min-width: 120px; margin-bottom: 10px; padding: 14px 18px 15px ; background: #2b475b; border: 0; outline: 0; color: #cee3f2; font: normal 18px / 1.22 'Ubuntu Condensed', 'Arial', sans-serif; font-family: 'Ubuntu Condensed', 'Arial', sans-serif !important; white-space: nowrap; vertical-align: middle; text-align: center; text-decoration: none; text-transform: none; cursor: pointer; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a, .WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {text-transform: none; font-family: 'Times New Roman', Times, serif; } .gadgetStyle001, .gadgetStyle001 ul li .author, .gadgetStyle001 ul li .date, .gadgetStyle001 ul li .location, .gadgetStyle002, .membersTable thead th {font-family: "Libre Baskerville", sans-serif !important;/*font-family: 'Times New Roman', Times, serif;*/} /* no vertical spacing after menu */ #idPrimaryContentBlock1Content.WaPlaceHolderContent > div {padding-top: 0px !important;} #id_NGLdJqN {margin-bottom: 0px;} .infoOuterContainer {background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(67,83,105,1) 0%, rgba(57,55,55,1) 100%); COLOR: #FFFFFF;} /* twitter not working - homepage */ #id_rVpF9pt, #id_bwQINQD {display:none;} /* remove graybackgrnd frm homepage*/ #id_HYkJxe6 {background: none !important} /* upcoming events */ .gadgetStyle001 .gadgetStyleBody {padding-top: 5px;} /* bullets in color boxes */ .colorbox li::marker {color: #ffffff;} /* FAQ page & directory */ #PAGEID_18058 p, details summary{background: #dddddd; padding: 10px; color: #ffffff;} /* directory */ .membersTable thead th {background: #dddddd; } details p, #id_XKFxSAh p, #id_KKn5j4a p {background: ##010202; !important; color: #333333 !important;} /* event page */ #PAGEID_7741 .boxViewOutline .boxHeaderContainer .d1 .d2 {background: rgb(2,0,36); background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(2,2,3,1) 0%, rgba(3,52,77,1) 100%); } .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {color: #ffffff !important;} /* events page- don't show default title */ #PAGEID_7741 .WaGadgetEventsStateList h3.sectionTitle {DISPLAY:NONE;} .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {padding: 7px; font-size: 22px;} .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {color: #ffffff; text-decoration: none; } #PAGEID_7741 li.eventInfoStartDate div, li.eventInfoEndDate div, li.eventInfoLocation div {font-weight: bold; font-size: 16px;} .WaGadgetEventsStateList UL.boxesList LI .boxContainer .boxInfoContainer ul.boxInfo li {padding-bottom: 8px;} .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {background: #ffffff;} /* ADA compliance color changes */ .gadgetStyle001 .gadgetStyleTitle h4 {color: #000000;} .gadgetStyle001 a:not(.stylizedButton) {color: #000000;} .gadgetStyle002 a:link:not(.stylizedButton), .gadgetStyle002 a:not(.stylizedButton) {color: #000000;} #PAGEID_18058 p, details summary{color: #000000;} .fieldSubContainer .typeInstruction, .formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong {color: #666666;} .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEvents .boxInfoContainer ul.boxInfo li > label , .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left{color: #000000;} .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li.disabled, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li div {color: #333333;}