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


/*  GLOBAL STYLES ==============*/

.eyebrow {font-size: 10px;  font-weight: 700;  letter-spacing: 1.5px;  color: var(--nactt-orange);  font-family: var(--nactt-sans);  margin-bottom: 3px; }

.round-corner-cream-box {display: grid;
    min-height: 170px;
    border: 1px solid #dfe3eb;
    border-radius: 8px;
    overflow: hidden;
    background: var(--nactt-cream);}

.round-corner-navy-box {display: grid;
    min-height: 170px; padding: 48px 40px;
    /*border: 1px solid #dfe3eb;*/
    border-radius: 8px;
    overflow: hidden;
    background: var(--nactt-navy);
    color:  var(--nactt-white);}
.round-corner-navy-box h3 ,.round-corner-navy-box a {color:  var(--nactt-white);}

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

/*    HOME PAGE ========   */
/* =================   08 — EVENT ANNOUNCEMENT BAR   ======================================== */
.nactt-event-strip {    margin-top: 14px;}
.nactt-event-strip-inner {    min-height: 43px;    display: flex;    align-items: center;
    padding: 0 20px;    border-radius: 9px;    background: var(--nactt-blue-light);
    color: var(--nactt-navy);}
.nactt-event-strip-icon {    margin-right: 12px;    font-size: 17px;}
.nactt-event-strip strong {    font-size: 9px;    font-weight: 600;}
.nactt-event-strip span {    font-size: 9px;}
.nactt-event-strip-divider {    width: 1px;    height: 15px;    margin: 0 14px;    background: #C7D7E9;}
.nactt-event-strip-link {    margin-left: auto;    font-size: 9px;    font-weight: 600;
    color: var(--nactt-blue);}

/* =========================homepage - About redone====================== */
  /*  Creates the two main columns */
.nactt-about-layout {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 16px;  width: 100%;  max-width: 1400px;  margin: 0 auto;}
/* =========================   LEFT: ABOUT CARD========================= */
.nactt-about-card {  display: grid;  grid-template-columns: 42% 58%;  min-height: 560px;  background: #f5f4f0;  border-radius: 16px;  overflow: hidden;}
/* Image on left */
.nactt-about-image {  height: 100%;  overflow: hidden;}
.nactt-about-image img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}
/* Text on right */
.nactt-about-content {  padding: 48px 40px;  display: flex;  flex-direction: column;  justify-content: center;}
/* ====   RIGHT GRID  grid-template-rows- Creates top and bottom rows============= */
.nactt-right-grid {  display: grid;  grid-template-columns: 1fr 1fr;  grid-template-rows: 1fr 1fr;  gap: 16px;  min-height: 560px;}
/* ====  MEMBERSHIP - grid-column: 1 / 3 Makes Membership span  right grid
======== */
.nactt-membership-card {  grid-column: 1 / 3;  background: #244794;  color: white;  border-radius: 16px;  padding: 36px;  display: flex;  flex-direction: column;  justify-content: center;}
/* ============   RESOURCES======================== */
.nactt-resources-card {  background: #f5f4f0;  border-radius: 16px;  padding: 36px;  display: flex;
  flex-direction: column;  justify-content: center;}
/* ==============   QUARTERLY======================== */
.nactt-quarterly-card {  background: #f26532;  color: white;  border-radius: 16px;  padding: 36px;  display: flex;  flex-direction: column;  justify-content: center;}


/*    11 — FEATURED EVENT ====================================== */
.nactt-featured-event {    display: grid;    grid-template-columns: 1.05fr .95fr;    min-height: 270px;    overflow: hidden;    border-radius: var(--nactt-radius);    background: var(--nactt-navy);}
.nactt-featured-event-content {    position: relative;    padding: 38px 44px;    color: #FFFFFF;    background: radial-gradient(  circle at 90% 20%,  rgba(35,87,170,.55),  transparent 55%  ),  var(--nactt-navy);}
.nactt-featured-event-content::after { content: "";    position: absolute; right: -70px;  top: -70px;  width: 230px; height: 230px; border: 1px solid rgba(255,255,255,.08);  border-radius: 50%;}
.nactt-featured-event-eyebrow{color: var(--nactt-orange);}
.nactt-featured-event h2 {  position: relative;   z-index: 2;    margin-bottom: 18px;color: #FFFFFF; font-size: 30px;    line-height: 1;}
.nactt-featured-event-meta { display: flex; flex-wrap: wrap; gap: 15px;  margin-bottom: 19px;   font-size: 9px;}
.nactt-featured-event-description { max-width: 370px;    margin-bottom: 18px; font-size: 10px; line-height: 1.45;    color: rgba(255,255,255,.92);}
.nactt-featured-event-image { min-height: 270px;  background: url('/resources/Pictures/Gaylord-Rockies-Exterior.jpg')        center center / cover no-repeat;}

/*    12 — NEWS  ========================================== */
.nactt-news-section {  max-width: 1200px;  margin: 0 auto;  padding: 35px 24px;  /*font-family: Arial, Helvetica, sans-serif;  color: #071e50; */    border-radius: var(--nactt-radius);     background: var(--nactt-cream); }  
/* Header */
.nactt.news-header {  display: flex;  justify-content: space-between;  align-items: flex-end;  margin-bottom: 8px;}
.nactt.news-eyebrow, .featured-label {  display: block;  font-size: 10px;  font-weight: 700;  letter-spacing: 1.5px;  color: var(--nactt-orange);  font-family: var(--nactt-sans);  margin-bottom: 3px;} 
.nactt.news-header h2 {  font-family: var(--nactt-serif);  font-size: 36px;  font-weight: 400;  line-height: 1;  color: var(--nactt-navy: #0B2854);     margin: 0;}

/* Main Layout */
.nactt-news-layout {  display: grid;  /*grid-template-columns: 1.65fr 1fr;  gap: 30px;  */align-items: start;}
/* Featured Article */
.nactt-featured-news {  display: grid;  grid-template-columns: 45% 55%;  min-height: 170px;  border: 1px solid #dfe3eb;  border-radius: 8px;  overflow: hidden;  background: #f8f9fb;}
.nactt-featured-news .featured-image {  position: relative;  overflow: hidden;  min-height: 170px;}
.nactt-featured-news .featured-image img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}
/* Angled Blue Overlay */
.blue-overlay {  position: absolute;  inset: 0;  background: #12459a;  opacity: 0.95;
  clip-path: polygon(100% 0, 100% 100%, 60% 100%);  pointer-events: none;}
/* Featured Content */
.nactt-featured-news .featured-content {  padding: 12px 18px 10px;  display: flex;  flex-direction: column;  justify-content: center;}
.nactt-featured-news .featured-content h3 {  font-family: var(--nactt-serif)  font-size: 20px;  font-weight: 400;  line-height: 1.02;  color: #09275e;  margin: 0 0 10px;}
.nactt-featured-news .featured-content p {  font-size: 11px;  line-height: 1.45;  color: #173a76;  margin: 0 0 12px; font-family: var(--nactt-sans);  }





/* ========================================
  About page -  PARTNERS SECTION
======================================== */
.nactt-partners {  Background: var(--nactt-blue-light);      border-radius: 12px;
  padding: 28px 30px 26px;  width: 100%;  max-width: 1400px;  margin: 0 auto;
  font-family: (var--nactt-sans)   ;  color: var(--nactt-blue);  box-sizing: border-box;}

/* =============   SECTION HEADER==================== */

.nactt-partners .partners-heading {  display: flex;  align-items: center;  gap: 18px;  margin-bottom: 22px;}

.nactt-partners .partners-people-icon {  width: 62px;
  height: 62px;flex-shrink: 0;  color: var(--nactt-navy);}

.nactt-partners .partners-people-icon svg {  width: 100%;
  height: 100%;  display: block;}

.nactt-partners .partners-heading-text {  display: flex;
  flex-direction: column;  justify-content: center;}

.nactt-partners .partners-eyebrow {  font-family: (var--nactt-sans)   ;  color: #f26522;  font-size: 12px;
  font-weight: bold;  letter-spacing: 4px;  line-height: 1.2;  margin-bottom: 4px;}

.nactt-partners .partners-heading h2 {  font-family: (var--nactt-sans)   ; font-size: 34px;  font-weight: bold;
 line-height: 1.05;  color: var(--nactt-navy); margin: 0;}

/* ======   PARTNER CARDS GRID========== */

.nactt-partners .partners-cards {  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;  align-items: stretch;}

/* ==================   INDIVIDUAL CARDS=============== */

.nactt-partners .partner-card {  background: var(--nactt-white);  border-radius: 7px;  padding: 18px 20px 22px;  min-width: 0;  display: flex;  flex-direction: column;}

/* =============   CARD HEADINGS============= */

.nactt-partners .partner-card h3 {  font-family: (var--nactt-sans)   ; font-size: 18px;  font-weight: bold;
  line-height: 1.2;  color: var(--nactt-navy);  margin-bottom: 12px;}

/* =============   CARD BODY TEXT========= */

.nactt-partners .partner-card p {  font-family: (var--nactt-sans)   ;  font-size: 14px;  font-weight: normal; line-height: 1.32;  color: var(--nactt-blue);  margin: 0;}

/* =======   LINKS======================= */

.nactt-partners .partner-card a {  color: #1487d6;
  text-decoration: underline;  overflow-wrap: anywhere;
}













/* =======================================================
   13 — FOOTER   ======================================================== */
.nactt-footer {  padding: 10px 30px 20px;    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 ; border-top: 1px solid #ffffff;}
.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;}