/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/* alex edit */
/*Homepage Hero Banner */
.heroBannerContainer{
    background-image: linear-gradient(45deg, rgba(108, 124, 0, .3) 12%,rgba(26, 132, 74, .3) 40%,rgba(26, 132, 74, .3) 40%,rgba(160, 32, 32, .4) 83%),url("/Portals/0/Images/Banner_1-1.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 750px;
    border-bottom:1px solid #595959;
    position: relative;
    z-index: 1;
}

.heroBannerContainer .top-left-text{
    position: absolute;
    top: 50px;
    /* left: 3%; */
    left: clamp(1rem, 0.5rem + 2.5vw, 2.75rem);
    /* background-color: red; */
}
.heroBannerContainer .top-left-text{
    position: absolute;
    top: 50px;
    /* left: 3%; */
    left: clamp(1rem, 0.5rem + 2.5vw, 2.75rem);
    width: 60%;
    /* background-color: red; */
}
.heroBannerContainer .top-left-text .font1{
    /* font-size: 32px; */
    font-size: clamp(1.7rem, 1.44rem + 1.3vw, 3rem);
    margin-bottom: 12px;
    letter-spacing: 1.5%;
    font-family: 'Archivo Black', sans-serif;
    color: #fff;
}
.heroBannerContainer .top-left-text .font2{
    /* font-size: 72px; */
    font-size: clamp(2.5rem, 1.143rem + 4.286vw, 5rem);
    letter-spacing: 0;
    font-family: 'Archivo Black', sans-serif;
    color: #fff;
}
.heroBannerContainer .top-left-text .font3{
    font-size: clamp(2rem, 1.84rem + 0.8vw, 2.8rem);
    letter-spacing: 5.5%;
    line-height: 130%;
    margin-bottom: 12px;
    font-family: 'Archivo Black', sans-serif;
    color: #E8DEDB;
}
.heroBannerContainer .top-left-text .font4{
    font-size: clamp(2.8rem, 2.4rem + 1.4vw, 4rem);
    letter-spacing: 5.5%;
    line-height: 130%;
    margin-bottom: 12px;
    font-family: 'Archivo Black', sans-serif;
    color: #E8DEDB;
}
.heroBannerContainer .top-left-text .font5{
    font-size: clamp(1.1rem, 0.9rem + 0.7vw, 1.8rem);
    line-height: 130%;
    margin-bottom: 12px;
    letter-spacing: 1.5%;
    font-family: 'Archivo Black', sans-serif;
    color: black;
}

/*accordion styles*/
/* Make all accordion buttons the same color as the active one */
.accordion-button {
    background-color: var(--bs-accordion-active-bg, #e7f1ff) !important;
    color: var(--bs-accordion-active-color, #0c63e4) !important;
}
.accordion-button:not(.collapsed) {
    background-color: #ffc107 !important; /* Yellow when active/clicked */
    color: #000 !important;
}
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}
/* Add spacing between accordion items */
.accordion-item {
    margin-bottom: 1rem;
}

/* LISTS - Alphabetical */
.ol-upper-alpha { list-style-type: upper-alpha; } /* A, B, C */
.ol-lower-alpha { list-style-type: lower-alpha; } /* a, b, c */

/* LISTS - Roman numerals */
.ol-upper-roman { list-style-type: upper-roman; } /* I, II, III */
.ol-lower-roman { list-style-type: lower-roman; } /* i, ii, iii */






/*responsive table for NNIJISP data */
.contactGrid{
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

.contactRow{
  display: grid;
  grid-template-columns: 1fr; /* XS: stacked */
}

.contactCell{
  padding: 14px 16px;
  border-top: 1px solid #e6e6e6;
}

.contactCell:first-child{
  border-top: none;
}

/* 🔥 GREY DIVIDER AFTER EVERY 3RD CELL (ADDRESS) */
.contactAddress{
  border-bottom: 6px solid #e5ab48;
}

/* remove divider on last person */
.contactRow:last-child .contactAddress{
  border-bottom: none;
}

/* Typography */
.contactName{ font-weight: 700; margin-bottom: 2px; }
.contactAlt{ margin-bottom: 2px; }
.contactTitle{ font-weight: 600; }
.contactOrg{ opacity: 0.9; }

.contactEmail{
  font-weight: 400;
  text-decoration: none;
  word-break: break-word;
}
@media (min-width: 768px){

  .contactRow{
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 1px solid #e6e6e6;
  }

  .contactRow:first-child{
    border-top: none;
  }

  .contactCell{
    border-top: none;
    border-right: 1px solid #e6e6e6;
  }

  .contactCell:last-child{
    border-right: none;
  }

  /* disable mobile divider on desktop */
  .contactAddress{
    border-bottom: none;
  }
}
/*special divider line*/
.contactDivider{
  height: 8px;                 /* thickness */
  background: #E5AB48;         /* grey divider */
  margin: 0;                   /* flush with grid */
}

/*social media - grid layout*/
/* Default: mobile + tablet (stacked) */
.social-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

/* Icon styling */
.social-icon {
  font-size: 1.5rem;
  line-height: 1;
}

/* Text styling */
.social-text {
  margin: 0;
  line-height: 1.3;
}

/* Large devices (lg ≥ 992px): switch to 2-column grid */
@media (min-width: 992px) {
  .social-grid {
    grid-template-columns: 32px 1fr; /* icon | text */
    gap: 0.5rem 0.75rem;               /* row gap | column gap */
    align-items: start;
  }
}





/* Base (mobile-first): stack each entry */
.archive-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

/* Year rectangle */
.year-box{
  display: flex;
  align-items: center;      /*vertical center */
  justify-content: center;    /*horizontal center */
  text-align: center;
  white-space: nowrap;

    min-height: 72px;
    width: 96px;

  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;

  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* Right-side text block */
.entry{
  border: 1px solid #e5e5e5;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}

.entry-title{
  font-weight: 700;
  margin: 0;
}

.entry-meta{
  margin-top: 0.25rem;
  font-size: 0.95rem;
  line-height: 1.35;
  opacity: 0.95;
}

/* Bootstrap 5 breakpoint: md and up (≥ 768px) -> 2 columns */
@media (min-width: 768px){
  .archive-grid{
    grid-template-columns: 96px 1fr; /* left column fixed, right flexible */
    column-gap: 1rem;
    row-gap: 0.75rem;
    align-items: start;              /* top-align cells */
  }

  .year-box{
    width: 96px;                     /* matches the left grid column */
    min-height: 72px;
  }
}