/* SOURCE FILE: scripts/src/css/40-city/700alexconnect--alexconnect.css */ 
/* proof of life*/
h4.coa-proof-of-life {
	color: inherit;
}

/* prepare for hiding top bar buttons:
#O365_MainLink_Settings,
#O365_MainLink_Help_container,
#TipsNTricksButton {
        display: none;
}
*/


/* calendar embed in site menu */
/* overall two pane balance */
div.coa-alxconn-mega-menu div.coa-cal-stuff,
#spSiteHeader #coa-cal-stuff { display: flex}
div.coa-alxconn-mega-menu div.coa-cal-stuff div.coa-events-grid-top,
#spSiteHeader #coa-cal-stuff div.coa-events-grid-top { postition: relative; top: 5px; }
#spSiteHeader #coa-cal-stuff div.coa-events-grid-top { width: 250px;}
div.coa-alxconn-mega-menu div.coa-cal-stuff div.coa-events-grid-top table,
#spSiteHeader #coa-cal-stuff div.coa-events-grid-top table { width: 90%;}
div.coa-alxconn-mega-menu div.coa-cal-stuff div.coa-events-date-details { overflow-y: auto; margin-bottom: 5px; max-height: 75vh; }
#spSiteHeader #coa-cal-stuff div.coa-events-date-details { overflow-y: auto; max-height: 350px; margin-bottom: 5px;}

/* month nav */
#coa-cal-stuff td {
    background-color: transparent;
    font-size: 14px;
    padding: 8px;
    text-align: center;
}
div.coa-alxconn-mega-menu #coa-cal-stuff td {
	padding: 0;
}

#coa-cal-stuff .coa-events-next:hover,
#coa-cal-stuff .coa-events-next:focus,
#coa-cal-stuff .coa-events-prev:hover,
#coa-cal-stuff .coa-events-prev:focus {
    border-bottom: 0.1em dotted #c96800;
}

#coa-cal-stuff .coa-events-next,#coa-cal-stuff .coa-events-prev {
    border-bottom: 0.1em dotted #037FB0;
    font-size: 12px;
}

#coa-cal-stuff .coa-events-monthyear {
    text-transform: uppercase;
}

#coa-cal-stuff .coa-events-prev,
#coa-cal-stuff .coa-events-next {
    margin-left: 1em;
    margin-right: 1em;
}

/*
#coa-cal-stuff .coa-events-prev {
    left: 8px;
}

#coa-cal-stuff .coa-events-next {
    right: 8px;
}
*/

#coa-cal-stuff td.coa-calgrid{
    border: solid 2px transparent;
}
#coa-cal-stuff td.coa-calgrid-selected {
    border: solid 2px #00233d !important;
}
#coa-cal-stuff td.coa-today-box {
    background-color: #009e7e !important;
    color: white !important;
}
#coa-cal-stuff td.coa-today-box a {
    color: white !important;
}


div.coa-alxconn-mega-menu #coa-cal-stuff .coa-events-items .coa-events-canceled .coa-events-name::before,
div.coa-alxconn-mega-menu #coa-cal-stuff .coa-events-items .coa-events-unexpected-closure .coa-events-name::before {
		vertical-align: unset;
}
div.coa-alxconn-mega-menu #coa-cal-stuff .coa-events-date-details a {
	margin-bottom: 0;
}
div.coa-alxconn-mega-menu #coa-cal-stuff .coa-events-date-details {
	width: 100%;
}
#coa-cal-stuff .coa-events-date-details {
    border-left: solid 1px #e1e1e1;
/*
 * -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
*/
padding-left: 2rem;
}


/* menu box partial width, green background */
#spSiteHeader #coa_eventmegaholder { display: block; width: 650px; margin-left: 125px; background-color: white; padding-left: 1em;
 padding-right: 1em; height: 100%}
#spSiteHeader div.coa-megamenu-events { background-color: #009e7e; height: 350px }

/* text event details */
div.coa-alxconn-mega-menu #spSiteHeader #coa-cal-stuff div.coa-events-date-details div.coa-events-desc,
div.coa-alxconn-mega-menu #spSiteHeader #coa-cal-stuff div.coa-events-date-details div.coa-events-time,
#spSiteHeader #coa-cal-stuff div.coa-events-date-details div.coa-events-desc,
#spSiteHeader #coa-cal-stuff div.coa-events-date-details div.coa-events-time {font-size: 90%}
div.coa-alxconn-mega-menu #coa-cal-stuff div.coa-events-date-details div.coa-events-item,
#spSiteHeader #coa-cal-stuff div.coa-events-date-details div.coa-events-item {margin-bottom: 3px;}

/* desktop CSS tweaks */
@media screen and (min-width: 1024px) {
	/* hide SPO-added "Calendar" megamenu on desktop screens */
	button.ms-HorizontalNavItem-splitbutton[aria-label="Calendar submenu"] {
		display: none;
	}
	.ms-HorizontalNavItem:has(> a[href$="AlexConnect-Calendar/"]) {
		display: none;
	}
	/* also "AlexConnect Home" menu */
	/* new style (tenant SPO home page) */
	.ms-HorizontalNavItem:has(> a[href="https://alexandriava1.sharepoint.com"]) {
		display: none;
	}
	/* old style (normal SPO site URL format */
	.ms-HorizontalNavItem:has(> a[href$="/sites/AlexConnect"]) {
		display: none;
	}
}

/* hide site classification label (e.g., "Administrative") */
div[data-automationid="SiteHeader"] span[data-automationid="SiteHeaderGroupInfo"] div.ms-TooltipHost {
	display: none !important;
}

/* CSS needed for AJAXy Calendar menu to look more like the rest of the site */
    .coa-alxconn-menu-bar {
      display: flex;
      padding: 1rem;
    }

    .coa-alxconn-menu-wrapper {
      position: relative;
      margin-right: 2rem;
    }

    .coa-alxconn-menu-label {
      color: white;
      cursor: pointer;
      padding: 0.5rem 1rem;
      display: inline-block;
    }


    .coa-alxconn-mega-menu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 75vw;
      background-color: #ebf5f4;
      padding: 2rem;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      z-index: 1000;

      /* Hidden state */
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
    }

	  .coa-alxconn-mega-menu::before {
  content: "";
  position: absolute;
  top: -22px; /* above the panel */
  left: 30px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent #ebf5f4 transparent;
}


    .coa-alxconn-menu-wrapper:hover .coa-alxconn-mega-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .coa-alxconn-mega-menu h3 {
      margin-top: 0;
    }

    .coa-alxconn-mega-menu div.coa-events-item a {
      margin: 0.5rem 0 0 0;
    }

    .coa-alxconn-mega-menu a {
      display: inline-block;
      margin: 0.5rem 0.5rem 0.5rem 0.5rem;
      color: #333;
      text-decoration: none;
      font-weight: bold;
    }

    .coa-alxconn-mega-menu p {
      margin-top: 1rem;
      color: #666;
    }

 /* SEARCH RESULTS: flag Archived content that most users cannot access */

div.ms-search-result-container>div:has(h2>a[href*="/Archived/"]) {
    background-color: #ffd3da;
    border: 3px solid red;
    padding: 0.25em;
}

div.ms-search-result-container>div:has(h2>a[href*="/Archived/"]):before {
    content: '⚠️ARCHIVED';
    display: inline-block;
    height: 100%;
    margin-right: 2em;
    font-size: 200%;
    padding: 0.5em;
}

/* main content well should print as white background */
@media print {
    div[data-automation-id="CanvasZone"] {
        background: white !important;
    }
}

/* classes to help highlight Archived pages */
body.coa-page-archived div.fui-FluentProvider:nth-child(1) div.CanvasZone::before {
    content: '⚠️ARCHIVED: Inaccessible to most staff' !important;
    display: block !important;
    font-size: 48px;
    height: 120px;
    padding-top: 60px;
    position: relative;
    background-color: #ffd3da;
}

body.coa-page-archived div.fui-FluentProvider:nth-child(n+2) div.CanvasZone::before {
    content: 'Change the Expiration Date to restore this.' !important;
    font-size: 24px !important;
    height: 60px !important;
    padding-top: 30px !important;
}