/* ============================ Custom CSS for FTS Template ============================ */
/* == */
/* ============================ General Fixes ============================ */
 html, section {
	 scroll-margin-top: 4rem;
	 scroll-padding-top: 4rem;
}
 b,strong, b a,strong a{
	 font-weight: 600 !important;
}
 .locations.responsive-table a {
	 color: #6c0633;
	 font-weight: bold;
}
 hr{
	/*border-top-width:1px;
	 */
	/*color:inherit;
	 */
	/*color:#353334;
	 */
	 height:1px;
	 border-color: #525252 !important;
	 background-color: #525252 !important;
	 border-width:0;
}
/*hr {
	 border-top: none;
	 border-right: none;
	 border-left: none;
	 border-bottom: #ffffff 1px solid;
}
 */
 div#landing-nav-container {
	 display: none;
}
/* ============================ Adds Classes for WYSIWYG Editor ============================ */
 figure.image {
	 margin-top: 1em;
	 border: none !important;
	 background: none !important;
}
 figure.float-figure-right, figure.float-figure-left {
	 max-width:100%;
	 margin: 1em 0 !important;
	 float: none;
	/*margin: auto;
	*/
	/*width: 80%;
	*/
}
 figure .float-figure-right img, figure .float-figure-left img {
	 width: 100% !important;
}
 figure figcaption {
	 font-size: .75em !important;
	 padding: 0 1em;
	 opacity: 0.6;
	 text-align: center;
}
 figure.float-figure-left {
	 float: left;
	 margin-right: 2.5rem !important;
}
 @media (min-width: 48em) {
	 figure.float-figure-right {
		 max-width:45%;
		 float: right;
		 margin: 1em 0 .5em 2.5rem !important;
	}
	 figure.float-figure-left {
		 max-width:45%;
		 float: left;
		 margin: 1em 2.5rem .5em 0 !important;
	}
	 figure .float-figure-right img, figure .float-figure-left img {
		 width: 45% !important;
	}
}
 .float-right {
	 float : right;
	 margin: 2rem 0 2rem 2.5rem !important;
}
 .float-left {
	 float : left;
	 margin: 2rem 2rem 0 2.5rem !important;
}
 .float-right img {
	 max-width: 50%;
}
 .hide {
	 left: -5000em;
	 padding: 0;
	 position: absolute;
	 top: -10em;
}
 .filled-cta, .ghost-cta, .btn-maroon-sm, .fancybox-inner * a {
	 font-size: 1.25rem;
	 padding-bottom: 0.875rem;
	 padding-top: 0.875rem;
	 padding-left: 1.25rem;
	 padding-right: 1.25rem;
	 transition-duration: .25s;
	 transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
	 transition-timing-function: cubic-bezier(.4,0,.2,1);
	 --tw-text-opacity: 1;
	 color: rgb(var(--theme-button-text-color)/var(--tw-text-opacity)) !important;
	 letter-spacing: .05em;
	 line-height: 1.25;
	 font-weight: 600;
	 font-family: Archivo Narrow,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	 text-align: left;
	 --tw-bg-opacity: 1;
	 background-color: rgb(var(--theme-button-bg-color)/var(--tw-bg-opacity));
	 border-color: transparent;
	 border-width: 3px !important;
	 display: inline-block;
	 text-decoration: inherit !important;
	 margin-right: 1.25rem;
}
 .filled-cta:hover, .fancybox-inner * a:hover {
	 --tw-bg-opacity: 1;
	 background-color: rgb(var(--theme-button-hocus-bg-color)/var(--tw-bg-opacity));
}
 .fancybox-inner * a {
	 margin: 1em 0 .5em 0;
}
 .btn-maroon-sm {
	 font-stretch: semi-condensed;
	 font-weight: 400;
	 color: #ffffff !important;
	 background-color: #6c0633;
}
 .btn-maroon-sm:hover {
	 --tw-bg-opacity: 1;
	 background-color: rgb(137 56 92);
}
 .ghost-cta {
	 background-color: transparent;
	 --tw-text-opacity: 1;
	 color: rgb(var(--theme-button-bg-color)/var(--tw-text-opacity)) !important;
	 --tw-border-opacity: 1;
	 border-color: rgb(var(--theme-button-bg-color)/var(--tw-border-opacity)) !important;
	 transition-duration: .25s;
	 transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
	 transition-timing-function: cubic-bezier(.4,0,.2,1);
}
 .ghost-cta:hover {
	 --tw-text-opacity: 1;
	 color: rgb(var(--theme-button-text-color)/var(--tw-text-opacity)) !important;
	 --tw-bg-opacity: 1;
	 background-color: rgb(var(--theme-button-bg-color)/var(--tw-bg-opacity)) !important;
}
 table thead {
	 --tw-bg-opacity: 1;
	 background-color: rgb(108 6 51/var(--tw-bg-opacity));
	 border-bottom-color: var(--tw-prose-th-borders);
	 border-bottom-width: 1px;
}
 table thead tr th, table thead tr td{

}
 .smaller {
	 font-size: .75em;
	 letter-spacing: .0125em;
}
 .alumnishop {
	 background-color: hsl(30, 9%, 96%);
	 padding: 2em;
}
/* ============================ End Classes for WYSIWYG Editor ============================ */
/* ============================ Increases font size for current page in navigation, applies to both desktop and mobile - 09.22.23 Halfacre ============================ */
 .aria-current\:\[\&_a\]\:\!text-black a[aria-current]{
	 font-size:1.2rem!important;
}
/* ============================ Adds additional color themes - 09.22.23 Halfacre ============================ */
 [data-tw-theme=neutral-50]{
	 --theme-bg-color: 250 250 250;
	 --theme-text-color: 3 0 1;
	 --theme-heading-color: 3 0 1;
	 --theme-fancy-link-color: 108 6 51;
	 --theme-fancy-link-hocus-color: 137 56 92;
	 --theme-button-bg-color: 108 6 51;
	 --theme-button-text-color: 255 255 255;
	 --theme-button-hocus-bg-color: 137 56 92;
	 --theme-subsup-color: 53 51 52;
}
 [data-tw-theme=neutral-100]{
	 --theme-bg-color: 245 245 245;
	 --theme-text-color: 3 0 1;
	 --theme-heading-color: 3 0 1;
	 --theme-fancy-link-color: 108 6 51;
	 --theme-fancy-link-hocus-color: 137 56 92;
	 --theme-button-bg-color: 108 6 51;
	 --theme-button-text-color: 255 255 255;
	 --theme-button-hocus-bg-color: 137 56 92;
	 --theme-subsup-color: 53 51 52;
}
/* ============================ Adding more background colors - 09.22.23 Halfacre ============================ */
 .bg-neutral-100{
	 --tw-bg-opacity:1;
	 background-color:rgb(245 245 245/var(--tw-bg-opacity)) 
}
/* Removes top padding, and left padding on any WYSIWYG block that is next to the sidebar */
 .with-sidebar * #wysiwyg-11 {
	 padding-top:0 !important;
}
 .with-sidebar * .container.py-vertical-space:first-of-type {
	 padding-top:0 !important;
	 padding-left: 0 !important;
}
 .with-sidebar * #wysiwyg-11, .with-sidebar * #wysiwyg-22, .with-sidebar * #wysiwyg-33, .with-sidebar * #wysiwyg-44, .with-sidebar * #wysiwyg-55, .with-sidebar * #wysiwyg-66, .with-sidebar * #wysiwyg-77, .with-sidebar * #wysiwyg-88, .with-sidebar * #wysiwyg-99 {
	 padding-left: 0 !important;
}
/* Ends Removes top padding, and left padding on any WYSIWYG block that is next to the sidebar */
/* All Caps for WYSIWYG */
 .caps-lock {
	 text-transform: uppercase;
}
 .bigger-text {
	 font-size: 1.25em;
}
/* Notes for WYSIWYG */
 .notes {
	 color: red;
	 font-weight: bold;
}
/* Clear Both */
 .clearboth {
	 clear: both;
}
/* Flexbox classes for WYSIWYG */
 .twocol, .threecol, .threecol-twocol, .fourcol {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: start;
	 gap: 1rem;
}
 .twocol > *, .threecol > *, .threecol-twocol > *, .fourcol > * {
	 margin-top: 0 !important;
	 margin-bottom: 0.75rem;
}
/* Adjusting flex properties for responsive layouts */
 @media (min-width: 48em) {
	 .twocol {
		 flex-direction: row;
		 justify-content: space-between;
		 flex-wrap: wrap;
	}
	 .threecol {
		 flex-direction: row;
		 justify-content: space-between;
		 flex-wrap: wrap;
	}
	 .threecol-twocol {
		 flex-direction: row;
		 justify-content: space-between;
		 flex-wrap: wrap;
	}
	 .fourcol {
		 flex-direction: row;
		 justify-content: space-between;
		 flex-wrap: wrap;
	}
}
/* Specific class adjustments for responsive column counts */
 .twocol > * {
	 flex: 0 0 100%;
}
 .threecol > * {
	 flex: 0 0 100%;
}
 .threecol-twocol > * {
	 flex: 0 0 40%;
}
 .fourcol > * {
	 flex: 0 0 100%;
}
 @media (min-width: 48em) {
	 .twocol > * {
		 flex: 0 0 calc(50% - 1rem);
		/* subtracting gap */
	}
	 .threecol > * {
		 flex: 0 0 calc(33.333% - 1rem);
		/* subtracting gap */
	}
	 .threecol-twocol > * {
		 flex: 0 0 calc(33.333% - 1rem);
		/* subtracting gap */
	}
	 .fourcol > * {
		 flex: 0 0 calc(25% - 1rem);
		/* subtracting gap */
	}
}
/* Reset margins for the first children */
 .twocol:first-child, .twocol p:first-child, .twocol ul li:first-child, .twocol li:first-child, .twocol img:first-child, .twocol a:first-child, .twocol div:first-child, .twocol h2:first-child, .twocol h3:first-child, .twocol h4:first-child, .threecol:first-child, .threecol p:first-child, .threecol ul li:first-child, .threecol img:first-child, .threecol a:first-child, .threecol div:first-child, .threecol h2:first-child, .threecol h3:first-child, .threecol h4:first-child, .threecol-twocol:first-child, .threecol-twocol p:first-child, .threecol-twocol ul li:first-child, .threecol-twocol img:first-child, .threecol-twocol a:first-child, .threecol-twocol div:first-child, .threecol-twocol h2:first-child, .threecol-twocol h3:first-child, .threecol-twocol h4:first-child, .fourcol:first-child, .fourcol p:first-child, .fourcol ul li:first-child, .fourcol li:first-child, .fourcol img:first-child, .fourcol a:first-child, .fourcol div:first-child, .fourcol h2:first-child, .fourcol h3:first-child, .fourcol h4:first-child {
	 margin-top: 0px !important;
	/*padding-top: 0px;
	 */
}
/* ============================ End Columns for WYSIWYG Classes============================ */
/* ============================ Bullet Stuff for WYSIWYG ============================ */
 ul.navlist {
	 list-style-type:none !important;
	 margin:0;
	 padding: 0 !important;
	 line-height: 1.25em;
}
 ul.navlist li{
	 padding: 0 !important;
	 line-height: 1.5em;
}
 .no-bullets {
	 list-style: none !important;
	 margin: 0 0 2em 0 !important;
	 padding: 0 !important;
}
 .no-margins-for-you li>a>img {
	/*margin-top: 0 !important;
	 */
	 margin-bottom: 0 !important;
}
 .nekked-links li a{
	 font-size: .9em;
	 text-decoration:none !important;
	/*font-weight: 500 !important;
	 */
	 margin-top: -0.5em;
	 min-height: 100px;
}
 .nekked-links li a span {
	/*line-height: .75em;
	 */
}
/* ============================ End Bullet Stuff for WYSIWYG ============================ */
/* ============================ Slate Form Overrides ============================ */
 .form_lablel > p.pdflink a, .form_lablel > p.pdflink a:visited {
	 border-radius:.25em !important;
	 background: #6c0633 !important;
	 color: white !important;
}
 .form_label > p.pdflink > a:hover {
	 background: #9D5876 !important;
	 color: #d2a416 !important;
	 transition-property: all !important;
	 transition-duration: .5s !important;
}
 div.form_responses > * {
	 padding: .35em;
	 background: #f5f5f5;
	 width: fit-content;
	 height: 2em;
}
 .whoa-eh p, .whoa-eh p strong{
	 color: #ffffff !important;
}
 .whoa-eh a{
	 color: #d2a416 !important;
}
 .portal_datepicker_container {
	 flex-direction: row !important;
}
 .event_list_display {
	 list-style: none !important;
	 padding-left: 0px !important;
}
 .fancy-events {
	 display: flex !important;
	 flex-direction: row !important;
	 width: 100% !important;
	 max-width: 500px !important;
}
 .fancy-event-info {
	/*font-family:Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	 */
	/*font-variation-settings:normal;
	 */
	 padding: .5rem 0 !important;
	 width: 60% !important;
	/*max-width: 300px !important;
	 */
	 font-size: 1.35em;
	/*letter-spacing: -0.025em;
	 */
	 line-height: 1.5em;
}
 .fancy-event-button {
	 padding: .75rem 0 !important;
	 width: 30% !important;
	 font-family:Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	 font-variation-settings:normal;
}
 .form_button_submit {
	 font-size: 1.25rem;
	 padding-bottom: 0.875rem;
	 padding-top: 0.875rem;
	 padding-left: 1.25rem;
	 padding-right: 1.25rem;
	 transition-duration: .25s;
	 transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
	 transition-timing-function: cubic-bezier(.4,0,.2,1);
	 --tw-text-opacity: 1;
	 color: rgb(var(--theme-button-text-color)/var(--tw-text-opacity)) !important;
	 letter-spacing: .05em;
	 line-height: 1.25;
	 font-weight: 600;
	 font-family: Archivo Narrow,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	 text-align: left;
	 --tw-bg-opacity: 1;
	 background-color: rgb(var(--theme-button-bg-color)/var(--tw-bg-opacity));
	 border-color: transparent;
	 border-width: 3px !important;
	 display: inline-block;
	 text-decoration: inherit !important;
	 margin-right: 1.25rem;
}
 .form_button_submit:hover {
	 --tw-bg-opacity: 1;
	 background-color: rgb(var(--theme-button-hocus-bg-color)/var(--tw-bg-opacity));
}
/* ============================ End Slate Form Overrides ============================ */
/* ============================ Adds Fancy Links for WYSIWYG ============================ */
 .with-after-icon > .\[\.with-after-icon\>\&\]\:after\:inline-block:after {
	 content: var(--tw-content);
	 display: inline-block;
}
 .\[\&\.with-after-icon\]\:pr-\[--pr\].with-after-icon {
	 padding-right: var(--pr);
}
 p:has(a.fanciest-link) > .\[\.with-after-icon\>\&\]\:after\:inline-block:after, li:has(a.fanciest-link) > .\[\.with-after-icon\>\&\]\:after\:inline-block:after {
	 content: var(--tw-content) !important;
	 display: inline-block !important;
}
 p.\[\&\.with-after-icon\]\:pr-\[--pr\]:has(a.fanciest-link), li.\[\&\.with-after-icon\]\:pr-\[--pr\]:has(a.fanciest-link) {
	 padding-right: var(--pr) !important;
}
 p:has(a.fanciest-link), li:has(a.fanciest-link) {
	 display: block !important;
	 text-decoration-line: none !important;
	 --after-buffer: calc(6em / 16) !important;
	 --duration: 150ms !important;
	 --shift: calc(4em / 16) !important;
	 --w: calc(14em / 16) !important;
}
 p:has(a.fanciest-link).with-after-icon, li:has(a.fanciest-link).with-after-icon {
	 padding-right: var(--pr) !important;
}
 .fanciest-link {
	 position: relative !important;
	 font-weight: 700 !important;
	 --tw-text-opacity: 1 !important;
	 color: rgb(var(--theme-fancy-link-color) / var(--tw-text-opacity)) !important;
	 text-decoration-line: none !important;
	 transition-duration: var(--duration) !important;
}
 .fanciest-link::before {
	 content: var(--tw-content) !important;
	 top: calc(1em / 16) !important;
}
 .fanciest-link::after {
	 pointer-events: none !important;
	 position: relative !important;
	 left: calc(var(--w) + var(--after-buffer)) !important;
	 top: calc(1em / 16) !important;
	 margin-left: calc(-1 * var(--w)) !important;
	 display: none !important;
	 height: var(--w) !important;
	 width: var(--w) !important;
	 background-color: currentColor !important;
	 transition-property: transform,background-color !important;
	 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	 transition-duration: 250ms !important;
	 transition-duration: var(--duration) !important;
	 transition-timing-function: linear !important;
	 -webkit-mask: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.27051%200.958252H5.70801L9.66634%206.49992L5.70801%2012.0416H9.27051L13.2288%206.49992L9.27051%200.958252Z%22%20fill%3D%22%236C0633%22%2F%3E%3Cpath%20d%3D%22M3.729%200.958252H0.166504L4.12484%206.49992L0.166504%2012.0416H3.729L7.68734%206.49992L3.729%200.958252Z%22%20fill%3D%22%236C0633%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
	 mask: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.27051%200.958252H5.70801L9.66634%206.49992L5.70801%2012.0416H9.27051L13.2288%206.49992L9.27051%200.958252Z%22%20fill%3D%22%236C0633%22%2F%3E%3Cpath%20d%3D%22M3.729%200.958252H0.166504L4.12484%206.49992L0.166504%2012.0416H3.729L7.68734%206.49992L3.729%200.958252Z%22%20fill%3D%22%236C0633%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
	 content: var(--tw-content) !important;
	 -webkit-mask-size: contain !important;
	 mask-size: contain !important;
}
 @media (hover: hover) and (pointer: fine) {
	 .fanciest-link:hover {
		 --tw-text-opacity: 1 !important;
		 color: rgb(var(--theme-fancy-link-hocus-color) / var(--tw-text-opacity)) !important;
	}
	 .fanciest-link:hover::after {
		 content: var(--tw-content) !important;
		 --tw-translate-x: var(--shift) !important;
		 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}
}
 .fanciest-link:focus-visible {
	 --tw-text-opacity: 1 !important;
	 color: rgb(var(--theme-fancy-link-hocus-color) / var(--tw-text-opacity)) !important;
}
 .fanciest-link:focus-visible::after {
	 content: var(--tw-content) !important;
	 --tw-translate-x: var(--shift) !important;
	 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
 @media (prefers-reduced-motion: reduce) {
	 .fanciest-link::after {
		 content: var(--tw-content) !important;
		 --tw-translate-x: var(--shift) !important;
		 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}
}
 @media screen and (min--moz-device-pixel-ratio:0) {
	 .fanciest-link::before {
		 content: var(--tw-content) !important;
		 top: calc(2em / 16) !important;
	}
	 .fanciest-link::after {
		 content: var(--tw-content) !important;
		 top: calc(2em / 16) !important;
	}
}
 .fanciest-link.in-viewport::after {
	 content: var(--tw-content) !important;
	 will-change: transform !important;
}
 .after-icon-static>.fanciest-link::after {
	 content: var(--tw-content) !important;
	 --tw-translate-x: var(--shift) !important;
	 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
 .custom-after-icon>.fanciest-link::after {
	 content: var(--tw-content) !important;
	 -webkit-mask: var(--tw-mask-image-2) no-repeat 50% 50% !important;
	 mask: var(--tw-mask-image-2) no-repeat 50% 50% !important;
}
 .with-after-icon>.fanciest-link::after {
	 content: var(--tw-content) !important;
	 display: inline-block !important;
}
/* ============================ End Fancy Links for WYSIWYG ============================ */
/* Hide mobile sidebar on desktops and vice versa */
 .desktop-sidebar {
	 display: block;
}
 .mobile-sidebar {
	 display: none;
}
/* CSS Media Query for Mobile Devices */
 @media (max-width: 1024px) {
	 .desktop-sidebar {
		 display: none;
	}
	 .mobile-sidebar {
		 display: block;
	}
}
/* ============================ Auto-Scrolling Container ============================ */
 #auto-scrolling-container {
	 width: 100%;
	 height: 250px;
	 overflow: auto;
	/*border: 2px solid #6c0633;
	 */
}
 #auto-scrolling-container > ul {
	 list-style-type: none !important;
	 padding: 0;
}
 #auto-scrolling-container > ul > li {
	 padding: 0px 10px;
	 border-bottom: 1px solid #ddd;
}
/* ============================ End Auto-Scrolling Container ============================ */
/* ============================ START - Dedicated CSS for styling the apply flag and button ============================ */
 main {
	 transition: margin-bottom 0.6s ease-in-out;
	/* Smooth transition for margin changes */
}
 .apply-flag {
	 position: fixed;
	 left: 0;
	 right: 0;
	 bottom: 0;
	/* Initial position sticking to the bottom */
	 background-color: #d2a416;
	 color: #353334;
	 text-align: center;
	 padding: 0.95em 0;
	/* font-size: 16px;
	 */
	 z-index: 20;
	 transition: background-color 0.3s, color 0.3s, transform 0.3s;
}
 .apply-button {
	 display: block;
	 font-size: 1.15em;
	 line-height: 1.15em;
	 padding: 0.25em 0;
	 text-align: center;
	 font-weight: bold;
	 color: inherit;
	/* Ensures text color inherits from the flag */
	 text-decoration: none;
	/* No underlines on the text */
	 transition: color 0.3s, background-color 0.3s;
	/* Smooth transitions for interactivity */
}
/* Desktop specific adjustments using common responsive breakpoint at 1024px */
 @media (min-width: 1024px) {
	 .apply-flag {
		 max-width:23em;
		 padding: 1em 5em;
		/* More lateral padding on larger screens */
		 bottom: 5em;
		 right: -20px;
		/* Adjusted position to fit desktop view */
		 left: auto;
		/* Reset left positioning */
		 width: auto;
		/* Auto width to accommodate content size */
		 clip-path: polygon( 100% 0%, 100% 100%, 5% 100%, 0% 50%, 5% 0% );
		/* Custom shape for a unique presentation */
	}
	 .apply-flag:hover {
		 background-color: #6c0633;
		/* Deep maroon on hover */
		 color: #ffffff;
		/* White text on hover */
		 transform: translateX(-15px);
		/* Slide left for visual feedback */
	}
	 .apply-button {
		 font-size: 1.5em;
		 line-height: 1.25em;
		 padding: 0.25em 0;
		 margin: 0 0 0 -1em;
		/* Adjusting text position slightly to match the design aesthetics */
	}
}
/* ============================ END - Dedicated CSS for styling the apply flag and button ============================ */
/* ============================ Admissions Google Map ============================ */
 .map-responsive {
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.25%;
	/* 16:9 aspect ratio */
	 height: 0;
	 overflow: hidden;
}
 .map-responsive iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border: 0;
}
/* ============================ SIU Online Course Style ============================ */
 .sortTable {
	 padding: 0 .25em;
	 color: #246181;
	 text-decoration:underline;
}
 .sortTable:hover {
	 cursor:pointer;
}
 .sortTable.active {
	 font-weight:bold;
	 color: #6c0633;
}
 .clear {
	 cursor:pointer;
	 color: #246181;
	 text-decoration:underline;
	 font-weight:bold;
}
 #AZlist {
	 display:none;
}
 #AZdropdown {
	 display:block;
}
 #headerCount {
	 margin: 0;
	 font-weight:bold;
}
 @media all and (min-width:769px) {
	 #AZlist {
		 display: block;
		 margin: .75em 0;
	}
	 #AZdropdown {
		 display: none;
	}
}
/* ============================ End SIU Online Course Style ============================ */
/* ============================ Auto Scroll Listing Style ============================ */
 .scroll-section {
	 border: 2px solid #6c0633;
	 padding: 0 2em 1em 2em;
}
 .scroll-container {
	 width: 100%;
	 height: 18em;
	 overflow-y: auto;
	/* Enable vertical scrolling */
	 margin: 1em auto;
	 position: relative;
}
 .scroll-section h2 {
	 margin-top: 1em !important;
}
 .scroll-list {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 position: relative;
	 width: 100%;
}
 .scroll-list li {
	 padding: .25em !important;
	 border-bottom: 1px solid #ddd;
	 list-style: none;
}
/* ============================ End Auto Scroll Listing Style ============================ */