/**
 * Custom styles for JICS portal (MyGC)
 * Please comment well!
 *
 * Created by Micah Miller-Eshleman (August 2017)
 */

/*My Profile & settings*/
#siteNavBar_welcomeBackBarLoggedIn_MyProfileSettingsListItem {
	display: none;
}

/* 2025 MyGC Web Migration Variables, June 5, 2025, bhpham
   ========================================================================== */
* {
	box-sizing: border-box;
}

html {
	font-size: 16px;
}

:root {
	--goshen-grey: #E2E3E7;
	--goshen-grey-2: #F2F2F2;
	--goshen-grey-3: #CCCCCC;
	--goshen-grey-4: #2c2c2c;
	--goshen-grey-5: #bfbfbf;
	--grey-5: #EFEFEF;
	--grey-45: #8C8C8C;
	--grey-60: #666666;
	--purple-1: #664B71;
	--purple-2: #49166D;
	--purple-3: #3E1151;
	--purple-4: #310D40;
	--purple-5: #aa9bb0;
	--violet-1: #812854;
	--violet-2: #641F41;
	--white-1: #fff;
	--yellow-1: #F7A802;
}

a, button, .glyphicons, .btn, .custom-icon, .link-btn, .btn-danger {
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, fill 0.2s ease;
}
/* Fonts
   ========================================================================== */
/* || Adobe imported fonts, June 17, 2025, bhpham */
/* trumpgothicpro
	 jaf-lapture
	 soleil */

body {
  margin: 0;
  font: 16px soleil, sans-serif;
  color: var(--goshen-grey-4);
}

h1 {
	text-decoration: none;
	font-family: Helvetica Condensed, Arial Narrow, sans-serif;
	font-stretch: condensed;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	font-size: 4rem;
	color: var(--violet-1);
	margin: 0;
}

/* Portlet Headers */
h3 {
 font-family: soleil, sans-serif; /*Meant to be font Soleil, June 4, 2025, bhpham*/
 text-decoration: none;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: .1em;
}

h4 {
  font-family: jaf-lapture, serif; /*Meant to be Lapture, June 9, 2025, bhpham*/
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 28px;
  color: var(--purple-2); /*GC purple-2, June 5, 2025, bhpham*/
}

h5 {
	font-family: soleil, sans-serif;
	color: var(--purple-1);
	margin: 0;
	font-weight: bold;
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
p, .pSection li, .pSection div, .pSection a, .buttonBar a {
	font-size: 0.9375rem;
}

/* Footer Copy */
#custom-foot .footer-copy {
  letter-spacing: .2em;
  font-family: jaf-lapture, serif; /*Meant to be Lapture, June 9, 2025, bhpham*/
  font-size: 0.75rem;
}

/* Header Tab and Sidebar Title */
#main-nav a, .sidebar-link-title a{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .1em;
	font-family: soleil, sans-serif; /* Meant to be font Soleil */
}

/* Tiles */
.tile-label {
	font-weight: 700;
}
.footer-links {
  font-family: soleil, sans-serif; /*Meant to be soleil, June 9, 2025*/
  font-size: 0.75rem;
  line-height: 1.3;
}

/**
 * (Sans-serif font)
 * Source Sans Pro:
 *   400 normal & italic
 *   600 bold
 *   700 extra bold
 */
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-600.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/source-sans-pro/latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}

/**
 * (Serif font)
 * Garamond Classico W00:
 *   Garamond Classico™ Roman (28.62kb) - 400 normal
 *   Garamond Classico™ Bold (26.49kb) - 700 normal
 * Garamond is licensed through Fonts.com and is the default serif font for goshen.edu, used mostly in headings.
 */
@font-face{
  font-family:"Garamond Classico W00";
  src:  url("https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/garamond/8a85c587-b255-474c-a313-cd6e2195e7e9.woff2") format("woff2"),
        url("https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/garamond/a89d9ada-aec1-480f-ad0f-f55adc5409bf.woff") format("woff"),
        url("https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/garamond/a91ad5ea-3382-4750-ae8a-d9a80b252949.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family:"Garamond Classico W00";
  src:  url("https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/garamond/c83ecc0c-cf08-403a-a111-579a9f5b908a.woff2") format("woff2"),
        url("https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/garamond/7ebeb33f-7f8e-44ad-a180-93ef76e2b27f.woff") format("woff"),
        url("https://my2016.goshen.edu/ICSFileServer/Themes/GC2025/garamond/6c1cf443-25ab-4a0e-8f6c-e3f173c0b627.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Table & Grid Styling
   ========================================================================== */
/* Table styling, June 9, 2025, bhpham */
.ju-word-wrap{
	word-break: unset;
}
/* Made border black all around add/drop box instead of just on bottom and sides, October 24, 2024, bhpham*/
/* Removed border altogether, October 25, 2024, bhpham */
div.tabbox {
	border-width: 0px;
}

/* Fixed Course Schedule Search table to fit within div, October 24, 2024, bhpham */
.col-xs-6,.col-sm-1 {
	width: auto;
}
.groupedGrid, #pg4_V_divMain div {
	width: 100% !important;
}

/* Table border color, June 9, 2025, bhpham */
.groupedGrid>tbody>tr>td, .groupedGrid>tbody>tr>th, .groupedGrid>thead>tr>th {
	border: 1px solid var(--goshen-grey-5);
}

/* Removes white border in Add/Drop */
.ex-crm-portlet-view table:not([cellspacing="0"]) td, .ex-crm-portlet-view table:not([cellspacing="0"]) th {
	border: unset;
}
/* Logos
   ========================================================================== */
/* Generic logo styles that apply to all devices */
/* GC logo injected via JS */
/*Changed cursor when hovering over logo, June 9, 2024, bhpham*/
.logo:hover {
	cursor: pointer;
}
.logos a:hover {
	opacity: 0.6;
	transition: opacity 0.2s ease;
}
.logo {
	vertical-align: middle;
	height: 2.8em;
	padding: .5em 0;

}
.logo--gc {
	padding-right: .75em;
	margin-right: .75em;
	border-right: 2px solid var(--purple-1);
}

@media screen and (min-width: 1026px) {
	/* Logo tweaks */
	.logo {
		height: 4rem;
	}
}

/* Hide GC logo on small (narrow) phones */
@media screen and (max-width: 440px) {
	.logo--gc { display: none; }
}

/* Colors
   ========================================================================== */
/* || Backgrounds/Wrappers */
#siteWrapper {
	background-color: var(--white-1); /*GC white/grey, June 5, 2025, bhpham*/
}
.top-nav-bar, .site-header-container, .logos {
	background-color: var(--purple-3); /*GC purple-3, 2025 MyGC Web Migration style, June 4, 2025, bhpham*/
}
#custom-foot {
	background-color: var(--purple-4);
}

/* || Text */
/*Styling body text to fit 2025 MyGC Web Migration style, June 6, 2025, bhpham*/
a, button {
	color: #337ab7; /*Universal color for hyperlinks, June 16, 2025, bhpham*/
}

a:hover, a:visited:hover, a:focus, .jcf-col a {
	color: var(--violet-1);
	text-decoration: underline;
}

a:visited {
	color: var(--purple-2);
}

.breadcrumbs-container li:first-child a {
	color: var(--yellow-1);
}

/* Changed line break color to purple, July 29, 2025, bhpham */
hr {
	border: 1px solid var(--purple-2);
}

.portlet-header-bar a:hover, .portlet-header-bar a:focus,
.glyphicons-question-sign:hover, .glyphicons-question-sign:focus,
.custom-icon:hover, .custom-icon:focus,
#main-nav-btn:hover, #main-nav-btn:focus,
.login-btn:hover, .login-btn:focus,
.slide-menu-right .sidebar-link-title a:hover, .slide-menu-right .sidebar-link-title a:focus {
	color: var(--yellow-1);
	background-color: unset !important;
}
.main-nav-btn, .login-btn {
	color: var(--white-1);
	background: none;
}

/* Utilities (global) - June 9, 2025, bhpham
   ========================================================================== */
/* Disabling personal info (Name, Address, details) edit buttons */
.MyInfo img, .customInfo {
	display: none;
}
.my-profile-settings #CP_V_RightColumn .col-md-12 #CP_V_SaveButton,#CP_V_CancelButton {
    display:  none;
}
.samlLoginInput {
	margin: 3px;
}
#Password.samlLoginInput {
	margin-left: 7px;
}
.FerpaPermissions #Layer2 {
    position: inherit;
}

/* Maintains Main Layout height */
#MAINFORM {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
/* Styled to take full length and width of the screen */
.main-layout {
	flex: 1;
	padding-bottom: 40px;
}
/* Removed dimmer on page when hamburger is clicked, October 25, bhpham */
.modal-overlay {
	display: none; 
}
/* Repositioned shared portlet crumbs */
.pShortcut {
	top: 0;
}
.admin-menu {
	margin-bottom: 0;
}
/* Error and Oops message, July 29, 2025, bhpham */
.alert-container {
	margin: 10px;
	position: relative;
	background-color: var(--goshen-grey);
	z-index: 10;
	border-radius: 0;
}

/* Removed Page titles */
.page-title {
	display: none; /* Hides page titles, June 10, 2025, bhpham */
}
.pToolbar {
	margin-bottom: 0;
}
/* Replaced ">" in breadcrumbs, June 17, 2025, bhpham */
.breadcrumbs-container li:not(:last-child):after {
	content: " / " !important;
}
/* Removed "You are Here" from breadcrumbs */
.breadcrumbs-title {
	display: none;
}
/* Highlighted tabs in admin menus, July 22, 2025, bhpham */
.selected-role, .selected-role a, .primary-background, .primary-background a {
	color: var(--violet-1);
	background-color: var(--yellow-1);
}

/* Fixed overflow on portlets, July 28, 2025, bhpham */
.portlet-padding, .drawer-container, .nav {
	overflow-x: auto;
}

/* Dashed line fix, July 29, 2025, bhpham */
.DashedLine {
	border-style: dashed !important;
	margin: 0;
}

/* Buttons (global) - June 10, 2025, bhpham
   ========================================================================== */
/* Color and hover styling for print and settings button */
.btn, .link-btn {
	border: 0;
	text-decoration: none;
	font-size: 0.9375rem;
	border-radius: 0 !important;
	font-weight: 700;
	letter-spacing: .1em;
}
.site-header-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
	padding: 4px;
	margin: 5px auto;
	max-width: 100%;
}
/* || Buttons */
.btn-primary, .init-logout-btn, .btn-default {
	/*Colors to fit 2025 MyGC Web Migration style, June 9, 2025, bhpham*/
	background-color: var(--violet-1);
	color:  var(--white-1);
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default:active:hover,
.link-btn:hover, .link-btn:focus,
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active:focus, .btn-primary:active:hover,
.btn-danger:hover, .btn-danger:active:focus, .btn-danger:active:hover,
.btn-no-bg-hover-color-content-one:hover,
.btn-sm:hover, .btn-sm:focus {
	background-color: var(--yellow-1);
	color: var(--purple-2);
	text-decoration: none;
}

/* Styled cancel buttons, June 11, 2025, bhpham */
.btn-danger, .link-btn, .btn-alternate-one, .btn-success {
	background-color: var(--purple-2);
	color: var(--white-1);
	font-weight: 700;
	vertical-align: middle;
	border: 0 !important;
}

/* Page Title buttons (settings nad print), Kune 11, 2025, bhpham */
.page-title-btn {
	margin-top: -40px;
	padding-bottom: 12px;
	text-align: unset;
	float: unset;
}

/*Hover effect for sidebar menu, June 6, 2025, bhpham*/
.navbar li button:hover,
.navbar li a:hover,
#pagePortlets a:hover {
	background-color: var(--yellow-1);
	color: var(--purple-2);
}

/* Style for My Profile and Settings buttons, June 13, 2025, bhpham */
.toggle-group {
	background-color: var(--yellow-1);
	color: var(--purple-2);
	transition: 0.2s ease;
}
.btn-success-toggle:hover, .btn-danger-toggle:hover, .toggle-handle:hover {
	background-color: unset;
	color: unset;
}
.toggle.off .toggle-group {
	background-color: var(--purple-2);
	color: var(--white-1);
}

/* Admin Buttons, July 22, 2025, bhpham */
.toggle-off.btn-xs {
	padding-left: 0.5rem;
}

.glyphicons-print, .glyphicons-wrench {
	padding: 6px 12px;
	font-weight: normal;
}

.link-btn {
	padding: 5px 10px;
	line-height: 1.5;
}
/* Header (global) - June 9, 2025, bhpham
   ========================================================================== */
/* || Site Header */
#main-nav a {
	color: var(--white-1); /*GC white-1*/
	background-color: var(--violet-1); /* GC violet-1, June 6, 2025, bhpham */
}
/*Overrode search and user buttons to white, September 9, 2024, bhpham */
.site-header-container .user-btn {
	color:  white;
	background: transparent; /* Makes user button universally transparent, September 19, 2024, bhpham */
	z-index: 6000;
	right: 15px; /* Moved user icon to the right, June 10, 2025, bhpham */
}
/*Overrode login user icon to match production, September 13, 2024, bhpham*/
.site-header-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
	margin-right: -3px; /* Moved user logo from slide menu over, September 30, 2024, bhpham */
}
.site-header-container .top-nav-bar {
	margin-bottom: 0;
}
/* Header Drop Shadow, July 30, 2025, bhpham */
.site-header-container::after {
	background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
	content: "";
	height: 1.5625rem;
	pointer-events: none;
	position: absolute;
	inset: 112px 0 auto 0;
}
/* Resized login button, June 10, 2025, bhpham */
.init-user-login-continue-btn {
	padding: 0.5em 1em;
	float: right;
	margin-right: 15px;
	width: unset;
}

/* || Log in & Log out */
/* Moved popover arrow to the right to fit 2025 MyGC Web Migration style, June 16, 2025, bhpham */
.popover.bottom>.arrow{
	left: 88.5%;
}
/* Adjusted popover menu to fit 2025 MyGC Web Migration style, June 5, 2025, bhpham */
.site-header-container .popover .popover-content {
	padding: 15px;
}
/* Styled pop up to fit 2025 MyGC Web Migration style */
#user-login-section {
	border: 0;
	border-radius: 0;
}
/* Made user login section square, June 6, 2025, bhpham */
.input-group-addon, .form-control {
	border-radius: unset;
}

/* || Breadcrumbs */
/* Overrode main-crumbs paddings, June 13, 2024, bhpham */
.main-crumbs {
	display: flex;
	padding: .875rem 0;
	color: var(--purple-5);
}

/* Bread crumb hover to match intranet, July 30, 2025, bhpham */
.main-crumbs a, .breadcrumbs-container li:last-child, .main-crumbs li {
	color: var(--purple-5);
	border-color: hsla(0, 0%, 100%, .5);
	font-weight: 700;
	line-height: 1.75;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-size:  0.75rem;
}
.main-crumbs a:hover, .main-crumbs a:focus, .breadcrumbs-container li:first-child a:hover {
	color: var(--white-1);
	text-decoration: none;
}

.crumbs-background {
  background-color: var(--purple-4); /* GC purple-4, June 5, 2025, bhpham */
}

/* Tiles (global) - June 9, 2025, bhpham
   ========================================================================== */
/* || Tiles - Styling for injected tiles from scripts2017.js*/
/* Outer background wrapper for tile section */
.tiles-background {
  background-color: var(--goshen-grey-2); /* GC gray-2, June 5, 2025, bhpham */
  position: relative;
  padding: 30px;
}

/* Flex container for tile buttons */
#tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem; /* 2025 MyGC Web Migration style */
  margin: auto;
  max-width: 1200px;
}

/* Tile button base */
.tile-button {
  background-color: var(--goshen-grey); /* GC gray */
  align-items: center;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  min-width: 120px; /* From 140px, June 10, 2025, bhpham */
  min-height: 120px;
  display: flex;
  flex-direction: column;
  transition: background 0.2s ease, color 0.2s ease;
  width: calc((100% - (5 * 0.75rem)) / 6);
}

/* Tile button hover effect */
.tile-button:hover {
  background-color: var(--violet-1); /* GC violet-1 */
  color: var(--white-1);
  text-decoration: none;
}

/* Ensure text and icons turn white on hover */
.tile-button:hover .tile-label,
.tile-button:hover .tile-icon {
  color: var(--white-1);
  fill: var(--white-1);
}

/* Icon style */
.tile-icon {
  fill: var(--violet-1);
  transition: color 0.2s ease, fill 0.2s ease;
}
.tile-icon svg {
	height: 36px;
}

/* Label spacing */
.tile-label {
  color: var(--purple-2); /* GC purple-2 */
  transition: color 0.2s ease;
}

/* Responsive layout: 3 per row on tablets */
@media (max-width: 1025px) {
  .tile-button {
    flex: 1 1 calc(33.33% - 10px);
  }
}

/* Responsive layout: 2 per row on mobile */
@media (max-width: 800px) {
  .tile-button {
    flex: 1 1 calc(50% - 10px);
  }
}

/* Main Layout (global) - June 9, 2025, bhpham
   ========================================================================== */
/* || Sidebar Menu */
.navbar-default {
	background-color: transparent
}
.slide-menu-right {
	background-color: var(--goshen-grey);
}
/*Ajusted sidebar title to stand out in 2025 MyGC Web Migration style, June 2, 2025, bhpham*/
.slide-menu-right .sidebar-link-title {
	background-color: var(--violet-1); /*GC violet-1, June 5, 2025, bhpham*/
}
.slide-menu-right .sidebar-link-title a {
	color: var(--white-1);
}

/* || Portlets */
/*Ajusted margins and border for portlet to fit 2025 MyGC Web Migration style, June 2, 2025, bhpham*/
.portlet-grid .portlet-column .pageOptions {
	border: 1px solid #dedede;
}
/*Added more margin to center text in portlet, July 14, 2025, bhpham*/
.portlet-padding {
	padding: 1em 2em;
	margin: 0;
}
.portlet-grid .portlet-header-bar {
	/*Color and padding to fit 2025 MyGC Web Migration style, June 5, 2025, bhpham*/
	padding: 10px;
	background-color: var(--purple-2); /*GC purple-2*/
}

.portlet-header-bar a, .portlet-header-bar h3 {
    color: var(--white-1);
    text-decoration: none;
}

.portlet-grid .portlet {
    /*Added border styling to fit 2025 MyGC Web Migration style, June 4, 2025, bhpham*/
    background-color: var(--goshen-grey); /*GC grey, June 4, 2025, bhpham*/
    margin: 0 0 20px 0;
}

.portlet-grid .singlePortlet {
    border: medium none;
}

.portlet-grid .alt {
    background: #d6d6d6 none repeat scroll 0 0;
}

.portletnavtabs {
    background: #d4d4d4 none repeat scroll 0 0;
    border-bottom-color: #a5a5a5;
}
/*Adjusted portlets to center, June 10, 2025, bhpham*/
@media screen and (min-width: 1026px) {
	.col-md-10 {
		width: 78%;
	}
}

/* Keeps mainlayout container (including sidebar) together, July 14, 2025 */
.container-fluid {
	max-width: 1900px;
}

.container {
	width: 100%;
}


/* Specific Pages (global) - June 9, 2025, bhpham
   ========================================================================== */
/* || Housing Menu - October 11, 2024, bhpham*/
@media screen and (min-width: 1200px) {
	#sideBar {
		width: 14%; /*Changed from 16.67% to shrink side menu, June 2, 2025, bhpham*/
	}
	.col-lg-11 {
		width: auto;
	}
}
@media screen and (max-width: 1025px) {
	.col-sm-9 {
		width: 100%;
	}
}

/* || Course Schedules */
.CS .GrayBordered {
	border: 1px solid var(--goshen-grey-5);
	background-color: var(--goshen-grey-2);
	overflow-x: auto;
}

/* Footer (global) - June 9, 2025, bhpham
   ========================================================================== */
/*Disables JICS default footer, bhpham*/
.footer-wrapper {
	display: none;
}

/* Styling for injected footer from scripts2017.js, bhpham */
li:not(.withBullets) {
	margin: 0;
}

#custom-foot {
  padding: 2em 0;
}
#custom-foot .footer-links {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
}

#custom-foot .footer-links li a {
  color: #ccc;
  border-color: var(--purple-1);
  border-bottom-style: solid;
  border-bottom-width: 0.125rem;
  margin-bottom: 0.5rem;
}

#custom-foot .footer-links li a:hover, #custom-foot .footer-links li a:focus {
  color: var(--white-1);
  border-bottom-width: 0.25rem;
  text-decoration: none;
}

#custom-foot .footer-copy {
  color: var(--goshen-grey-5);
}

/* Header (mobile)
   ========================================================================== */
@media screen and (max-width: 1025px) {
	/* Drop shadow for mobile, July 30, 2025, bhpham */
	.site-header-container::after {
	inset: 44.8px 0 auto 0;
	}
	.navbar-fixed-top {
		background-color: var(--purple-3)
	}

	/* Added user, hamburger icon, log in, and search to be inline, September 17, 2024, bhpham */
	.top-nav-bar .nav-container .btn,
	.site-header-container .main-nav-btn,
	.site-header-container .user-btn,
	.site-header-container .search-btn,
	.site-header-container .login-btn {
		font-size: 18px;
		line-height: 1.2;
		font-weight: normal;
		padding: 0;
		margin-top:  3px; /* Moved login and search button down slightly, September 13, 2024, bhpham */
		border: 0;
	}
	.site-header-container .main-nav-btn {
		font-size: 22px;
		position: absolute; /* Moved hamburger button above sitemasthead, June 11, 2025, bhpham */
		left: 15px; /* Moved hamburger button slightly, June 9, 2025, bhpham */
		background: none;
	}
	/* September 17, 2024 */
	.site-header-container .user-btn {
		top: 3px; /* Moved User logo into header div, September 24, 2024, bhpham */
		position: absolute; /* Changed to fit in header div, September 24, 2024, bhpham */
		right: 1em;
		margin-right: 0;
	}
	/* FIX ME, September 20, 2024, bhpham */
	.site-header-container .login-btn{
		position: absolute;
		right: 1em; /* Moved login button to correct spot, September 24, bhpham */
		top: 9px;
	}
	#user-login-section {
		margin: 1em 0;
	}
	#user-login-section .form-control {
		margin: 6px auto;
	}
	/* Expanded login button in mobile, June 18, 2025, bhpham */
	.init-user-login-continue-btn {
		margin: 10px auto !important;
		width: 100%;
	}
	.site-header-container .main-nav-submenu-container {
		margin-top: -15px;
	}

	/* Placed header tabs under site mast head, June 13, 2025, bhpham */
	.site-header-container .top-nav-bar {
		z-index: -1 !important;
	}
	/* Header nav button styling on mobile, July 31, 2025, bhpham */
	.link-scroll {
		background-color: var(--violet-1); /* GC violet-1, June 6, 2025, bhpham */
	}
	/* Breadcrumbs */
	/* Adjusted mobile breadcrumbs to fit 2025 MyGC Web Migration style, June 4, 2025, bhpham */
	.main-crumbs {
		position: static;
		text-align: left;
	}
	.crumbs-background {
		margin-top: 2.8em;
	}
	/* Added padding to header elements in mobile view, September 20, 2024, bhpham */
	.site-header-container #sitemasthead {
		padding: 0 !important; /* From 0 1em to fit 2025 MyGC Web Migration style, bhpham */
		text-align: center; /* Centered all header elements, September 24, 2024, bhpham */
	}
	/* Made Header fixed, September 23, 2024, bhpham */
	.site-header-container {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 6000;
		transition: 0.3s ease;
	}
	/* Transition for siteheader move down, October 3, 2024, bhpham */
	/* Added new toggle class to move header down, October 4, 2024, Brenon Pham */
	.site-header-container.active{
		top: 2.8em; /* Changed from 3em, June 5, 2025, bhpham */
	}
	/* Made user icon slightly smaller, September 24, 2024, bhpham */
	.site-header-container .user-btn .no-profile-image {
		font-size: 30px;
	}
	/* Styled header tabs in mobile to fit 2025 MyGC Web Migration style, June 9, 2025 */
	.site-header-container .top-nav-bar .nav-container .link-scroll.horizontal-slide .h-menu ul a::after {
		display: none;
	}
	/* Header tabs underlines to show current page in Mobile, June 9, 2025, bhpham */
	#header-tabs ul li a:hover,
	#header-tabs ul li.selected > a:hover {
		text-decoration: underline;
		text-decoration-color: var(--white-1);
		text-underline-offset: 5px;
		text-decoration-thickness: 2px;
	}
	#header-tabs ul li.selected > a {
		text-decoration: underline;
		text-decoration-color: var(--yellow-1);
		text-underline-offset: 5px;
		text-decoration-thickness: 2px;
	}
}

/* Main Layout (mobile)
   ========================================================================== */
@media screen and (max-width: 1025px) {
	/* Slide-in side menu */
	/* Adjusted slide-menu-right in mobile view to fit 2025 MyGC Web Migration style, June 4, bhpham */
	.slide-menu-right {
		top: 2.8em; /* Moved slide menu up in mobile view, September 27, 2024, bhpham */
		z-index: 50;
	}
	.slide-menu-right .sidebar-link-title{
		display: block;
	}
	.slide-menu-right .navbar li button, .slide-menu-right .navbar li a {
		font-size:  14px !important;
		}

	.slide-menu-right .navbar {
		border-right: none;
	}

	/* Display the toggle for multiple menus. On the first view they both show up anyway */
	.slide-menu-right .slide-menu-toggle-btns-wrapper {
		display: none;
	}
	.slide-menu-right .glyphicons-chevron-down {
		margin-top: 4px;
	}
	/* Changed slide menu button background color to stand out more, June 9, 2025 bhpham */
	.slide-menu-btn {
		background-color: var(--yellow-1); /* GC yellow-1, June 9, 2025, bhpham */
		color: var(--violet-1);
		z-index: 1000; /* Puts slide button under pop up menus, October 11, 2024, bhpham */
	}
	/* Changed slide menu button color to purple to stand out, June 9, 2025, bhpham */
	.sidebar-slide-btn-icon {
		margin-top: 5%;
		font-size: 45px; /* From 52px, June 9, 2025, bhpham */
	}
	/* Added hover effect for slide menu button, July 23, 2025, bhpham */
	.slide-menu-btn:hover {
		background-color: var(--violet-1);
		color: var(--yellow-1);
	}
	/* Add dark overlay over page when menu has slid in */
	body:before {
		display: none; /* Removed overlay, October 11, 2024, bhpham */
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.2);
	}
	body.overflow-y-hidden:before {
		display: block;
		background-color: transparent; /* Removed overlay from slide menu, September 27, 2024, bhpham */
	}
	/*Fixed width for containers like add/drop period, August 4, 2025, bhpham */
}

/* Footer (mobile)
   ========================================================================== */
@media screen and (max-width: 1025px) {
	.footer-links {
		text-align: left;
		display: block;
	}
}

/* Header, main, and footer width (desktop)
   ========================================================================== */
.main-crumbs, #sitemasthead,
.search-container, .results-container, .privacy-policy, .footer-links, .footer-copy, .admin-menu, .people-search-return { /*Added people search divs, and footer, June 16, 2025, bhpham*/
/*Replaced main-layout with #portlet-grid to center the portlets and not the sidebar, June 13, 2025, bhpham */
	max-width: 1500px; /*Changed from 1200px to fit 2025 MyGC Web Migration style, June 5, 2025, bhpham*/ 
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* Header (desktop)
   ========================================================================== */
@media screen and (min-width: 1026px) {
	.top-nav-bar {
		position: relative;
		height: 3em;
	}
	
	.top-nav-bar .nav-container .btn .init-user-login-continue-btn {
	    font-size: 30px;
	    line-height: 1.7;
	    font-weight: normal;
	    padding: 0;
	    border: 0;
	    color: white;
	    background: none;
  	}
  	.user-btn {
    	float: right;
    	top: 3px; /* Changed, September 20, 2024, bhpham */
  	}

	/* Navigation bar */
	#header-tabs {
		bottom: 0;
	}
	/* Header tabs change colors to show current page, May 28, 2025, bhpham */
	#header-tabs ul li a:hover,
	#header-tabs ul li.selected > a:hover {
		background-color:  var(--white-1); /* GC white, June 5, 2025, bhpham */
		color: var(--violet-1); /* GC violet-1, June 5, 2025, bhpham */
		text-decoration: none;
	}
	#header-tabs ul li.selected > a {
		background-color: var(--yellow-1); /* GC yellow-1, June 6, 2025, bhpham */
		color: var(--purple-3); /* GC purple-3, June 9, 2025, bhpham */
	}
	#main-nav {
		height: auto;
	}
	#main-nav a {
		/* line-height: 2; Removed to fit 2025 MyGC Web Migration style, June 5, 2025, bhpham */
		padding: 0.5em 1em; /* Changed from 0 1em to pad button better, June 5, 2025, bhpham */
	}
	#siteNavBar_btnLogin, #jics-login-redirect-continue {
		width: auto;
		padding: 5px 12px;
		background-color: rgb(106, 70, 138);
	}
	.top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
		background: rgb(45, 14, 68) none repeat scroll 0 0;
	}
	
	/* Breadcrumbs */
	/* Adjusted bread crumb to fit 2025 MyGC Web Migration style, June 4, 2025, bhpham */
	.main-crumbs {
		top: 0px;
		left: 0px;
	}

	/* Moved login to correct position, September 24, 2024, bhpham */
	.site-header-container .main-nav-submenu-container .user-login {
			right: 0;
			top: 1em;
	}

	/* Moved logged in popover up closer to user icon, May 28, 2025, bhpham */
	.site-header-container .main-nav-submenu-container .user-login.popover {
		position: absolute !important;
		max-width: unset;
		margin-left: auto;
		right: 0;
		margin-top: 4em;
	}

	/* Moved pages tab off of main layout, June 10, 2025, bhpham */
	#sideBar {
		left: 0;
		width: 11%;
	}
	/* Moved breadcrumbs header closer to top, June 12, 2025, bhpham */
	.site-header-container #sitemasthead {
		position: relative;
	}
	/* Overrode border on navbar, June 2, 2025, bhpham */
	.navbar{
		border: unset;
		min-height: 0;
	}
}

/* Main Layout (desktop)
   ========================================================================== */

/* People Search PHP App, July 30, 2025, bhpham
   ========================================================================== */
@media screen and (min-width: 1026px) {
	.people-search::after {
		inset: 64px 0 auto 0;
	}
}

/* || Search Form */
#Return_MyGC {
	font-size: 16px;
	padding: 0.5em 1em;
}

.search-background {
	background-color: var(--goshen-grey);
}

.search-container {
	padding: 30px 15px;
}

.results-container {
	padding: 30px 15px 0;
}

.people-search-form {
	display: flex;
	padding-top: 1em;
	width: 100%;
}

.people-search-input{
	flex: 1;
	border: none;
	background-color: var(--white-1);
	border-bottom: 2px solid var(--grey-45);
	padding: 0 1rem;
	font-size: 16px;
	width: 75%;
}

.people-search-input::placeholder{
	color: var(--grey-60);
}

.people-search-btn {
	fill: var(--yellow-1);
	background-color: var(--purple-2);
	border: none;
	padding: 1rem 4rem;
	cursor: pointer;
	touch-action: manipulation;
}
.people-search-btn svg {
	height: 1rem;
}

.people-search-btn:hover {
	color: var(--purple-2);
	background: var(--yellow-1);
	fill: var(--purple-2);
}

/* || Results */
.results-container h3 {
	font-size: 30px;
	color: var(--violet-1);
	margin: 20px 0;
}
.results-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: flex-start;
  padding-bottom: 20px;
}

.results-card {
  display: flex;
  width: calc((100% - (2 * 1.5rem)) / 3);
  background-color: var(--goshen-grey);
  border-top: 6px solid var(--purple-1); /* Goshen purple-1 */
  min-width: 360px;
  overflow-x: auto;
}

@media screen and (max-width: 1025px) {
	.results-card {
		width: calc((100% - (1 * 1.5rem)) / 2);
	}
}

/* Resize with small screens, June 24, 2025, bhpham */
@media screen and (max-width: 440px) {
	.results-card {
		width: 100%;
	}
	.search-container h1 {
	font-size: 3em;
	}
}

.results-photo {
  width: 140px;
  object-fit: cover;
  flex-shrink: 0;
}

.results-info {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.results-info p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
}

.results-info h3 {
  font-size: 1.2rem;
  margin: 0 0 0.5rem;
  color: #572B84;
  font-weight: 700;
}

.results-container h4 {
	margin: 0;
}

.results-container h5 {
	font-size: 0.83em;
	font-weight: normal;
}

.results-info svg {
	fill: var(--goshen-grey-5);
	margin-right: 5px;
	vertical-align: middle;
	text-align: center;
	height: 0.95em;
}

.privacy-container {
	background-color: var(--goshen-grey);
}

/* Account Extension WebApp, July 11, 2025, bhpham
   ========================================================================== */
.confirm-parent {
	display: flex;
	justify-content: center;
	height: 100vh;
}

.confirm-container {
	width: 900px;
	margin: 5vh auto auto;
	padding: 20px;
	text-align: center;
}

.confirm-header{
 	background-color: var(--purple-3);
 	padding: 10px;
 }

.confirm-body{
 	background-color: var(--goshen-grey);
	padding: 0 30px; 
 }

.confirm-body h4{
	margin: 0;
}

.confirm-logo {
	height: 3em;
 }

.confirm-icon {
 	color: var(--purple-2);
 	font-size: 10em;
 	padding-top: 20px;
 }

.info-wrapper {
	display: inline-flex;
	flex-direction: column;
	gap: 15px;
}

.info-container {
	padding: 20px 0;
}

.label {
  color: var(--purple-1);
}

.value {
	font-weight: bold;
}