/* 
x20250224 - morri2mp - 24 February 2025 - search button height to min 24px for accessibility
x20230511 - johns2ja - 11 May 2023 - shadowed-bottom class modification
x20230324 - johns2ja - 24 March 2023 - tweak to account for new wordmark logo 
x20230207 - johns2ja - 7 February 2023 - address 769-889 range of resolution and alignment of goldband text when font changes 
x20220920 - budnikrp - 20 Sep 2022 - putting padding-top 8px to page title at 768 breakpoint
x20220510 - johns2ja - 10 May 2022 - box shadow tweak
x20220505 - johns2ja - 5 May 2022 - undo goldband background colors and highlight implemented on May 3, 2022, per budnikrp on behalf of the Design Committee
x20220503 - johns2ja - 3 May 2022 - goldband background color per budnikrp to reflect August 2015 specs and box-shadow bottom 
x20220429 - johns2ja - 29 April 2022 - box shadow 
*/
#topheader {
    width: 100%; 
    position: fixed; 
    z-index: 999; 
    pointer-events: auto; /* intermittently fixes scrolling issues on Android when opening and long holding on the expanded hamburger menu at mobile and closing it and attempting to scroll the page. */
    touch-action: unset; /* see above comment*/
}
#purpleband { 
    background: #450084; 
    height: 50px; 
    width: 100%;
}
.menu-collapser {
    display: none;
    cursor: pointer;
    float: left;
    background-color: transparent;
    color: #fff;
    text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
    height: 48px;
    font-size: 16px;
    padding: 14px 7px;/* controls vertical alignment */
    -webkit-box-sizing: border-box;
}
/* start for IE versions */
@media all and (-ms-high-contrast:none) {
	/* IE10+ CSS styles go here */
	.menu-collapser {
		padding: 0px;
	}
	/* IE11 */
	*::-ms-backdrop, .menu-collapser {
		padding: 0px;
	}
}
/* Old IE CSS styles */
.menu-collapser {*padding: 0px;}
/* end for IE versions */
.collapse-button {
    background-image: none;
    background-color: #450084;
    width: 40px;
    background-repeat: repeat-x;
    border-color: #450084;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    font-size: 14px;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    -webkit-box-sizing: border-box;
    margin-top: 10px;
}
.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}
#jmuwordmark {
    border:0;
    max-height: 30px;
    max-width: 434px;
    margin-top: 11px; /* x20230324 replaced 13px; */
    width: 100%; 
    height: auto;
}
#searchselect { 
    list-style-type: none; 
    float: right; 
    margin-top: 4px; 
    margin-right: 18px; 
}

#searchselect li { 
    display: inline; 
    float: left; 
}
#searchselect #selector { 
    background: #450084;
    color: #D6D6D6;
    text-transform: uppercase;
    overflow: hidden;
    max-width: 116px;
    margin: 1em;
}
#searchselect #hdrsearch {
    white-space: nowrap; 
    display: inline; 
    padding: 10px 5px;
}
#searchselect #hdrsearch input[type="text"] {
    width: 120px;
    background: #684B86;
    color: #D6D6D6;
    font-family: Arial, Helvetica, sans-serif;
    height: 24px;  /* x20250224 */
    line-height: 24px;   /* x20250224 */
    padding: 0 0 0 5px;
}
#searchselect #hdrsearch input::placeholder { 
    color: #d6d6d6; 
}
#searchselect #hdrsearch input[type="submit"] {
    background: url(//www.jmu.edu/jmucmsfiles/images/magnifying-glass.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    position: relative;
    left: -2em;
    height: 23px;
    width: 21px;
}
#goldband {
    font-size: 14px; 
    background: #dfd2aa; /* reverted and replaced per x20220505 #cbb677; /* changed from #dfd2aa; per x20220503 */
    height: 50px; 
    width: 100%; 
    text-align: center; 
    position: relative; 
    z-index: 999999;
}

/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {/* to allow hover at desktop in Safari */
	@media { 
        #goldband .pagecontainer { overflow: visible; }  
    }
}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */
 @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	 @media {
		#goldband .pagecontainer { overflow: visible; }  
	}
}

/*Safari 5.1-6.0 (& old Chrome versions 10-24)*/
@media only screen and (-webkit-min-device-pixel-ratio:1) { ::i-block-chrome, #goldband .pagecontainer { overflow: visible; } }


#mobileleftnav { 
    display: none; 
    background: #B19BCB;
}

#mobileleftnav .arrowed { 
    background: #B19BCB;
}
#goldband ul#goldnav {
    text-align: center;
    position: relative; 
    z-index: 981; 
    display: inline-block; 
}
#goldnav li, #mobileleftnav li { 
    position: relative; 
    display: inline-block;  
}
#goldnav>li { 
    text-align: center; 
    font-size: 16px; 
    float: left; 
    background: #dfd2aa; /* reverted and replaced per x20220505 #cbb677; /* x20220503 replaced #dfd2aa; */
    
}
#mobileleftnav>li {
    font-size: 16px; 
    background: #B19BCB;
}
#mobileleftnav>li.firstnavlink { font-weight: bold; }/* x20220429 */

#mobileleftnav li, #goldnav li { 
    text-transform: uppercase;
}

#mobileleftnav li.nav-highlighted a { 
    background: #d6d6d6 !important; /* x20220503 added important keyword */
    font-weight: bold !important; /* x20220503 added important keyword */
}

#goldnav li li { 
    display: block; 
    text-align: center; 
    font-size: 12px; 
}

#goldnav > li li a { 
    font-size: 12px; 
}

#mobileleftnav li li { 
    font-size: 12px; 
}

#goldnav li a, #mobileleftnav li a { 
    color: #450084; 
    padding: 1em; 
    position: relative; 
}

#goldnav li a {
    background: #dfd2aa; /* revert/replaced per x20220505 #cbb677; /* Hamburger needs #cbb677; /* x20220429 replaces #dfd2aa; */
}

#mobileleftnav li a { 
    color: #333; 
    /*padding: 1em; 
    position: relative; */ 
    background: #B19BCB;
}

#goldnav>li a, #mobileleftnav>li a { 
    display:inline-block; 
}
#goldnav li li a, #mobileleftnav li li a { 
    display:block; 
    padding-right: 0.7em;
    padding-left: 2em; 
}
#goldnav>li ul, #mobileleftnav>li ul {
    display:none;
    list-style-type: none; 
    background: #dfd2aa;
    width: auto;
    min-width: 170px;
}
#goldnav>li ul li, #mobileleftnav>li ul li {
    text-align: left; 
    background: #B19BCB
}
#mobileleftnav>li ul li {
    text-align: left; 
    background: #B19BCB
}
#goldnav>li ul li {
    text-align: left; 
    background: #dfd2aa;
}
#goldnav li a:hover { /* x20220429 removed , #mobileleftnav li a:hover */
    background: #ad9c65; /* hamburger needs #F4EFE1; /* x20220429 replaces #ad9c65;  */
}
#goldnav li a:active { /* x20220429 removed , #mobileleftnav li a:active */ 
    background: #ad9c65; /* hamburger needs #F4EFE1; /* x20220429 replaces #ad9c65;  */
}
/* start x20220429 */
#mobileleftnav li a:hover { 
    background: #DACCE6;
}
#mobileleftnav li a:active { 
    background: #DACCE6; 
}
/* end x20220429 */
#goldnav>li:hover ul, #mobileleftnav>li:hover ul {
    display:block; 
}
#goldnav>li:active ul, #mobileleftnav>li:active ul {
    display:block; 
}

#goldnav li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
#goldnav li#goldmore { 
    display: none; 
}
.arrowed a span { display: none; }

/* NEEDED???
<style>*/
/* ASDFNEW7 - BEGIN */
/* x20220503 removal #responsive-menu-button-other {*/
/* x20220503 removal   position: absolute !important; */
  /* should be 22 when there is no emergency banner */
  /* top: 22px !important; */
  /* should be 8 when there is an emergency banner */
/* x20220503 removal   top: 8px !important;*/
/* x20220503 removal   left: 2px !important;*/
/* x20220503 removal }*/
/* ASDFNEW7 - END */
/*</style>
*/

@media all and (min-width: 769px){
    #goldnav>li a { font-size: 13px; }
    #purpleband { white-space: nowrap; }
    #goldnav li a, #mobileleftnav li a { padding-top: 19px; }/* x20230207 */
}
@media all and (min-width: 810px){
    #goldnav>li a { font-size: 14px; padding-top: 1.25em; }/* padding-top per x20230207 */
}
@media all and (min-width: 890px){
    #goldnav>li a { font-size: 15px; padding-top: 1em; }/* padding-top per x20230207 */}
}
@media all and (min-width: 930px){
    #goldnav>li a { font-size: 16px; padding-top: 1em; }/* padding-top per x20230207 */
}
#bannerghost { 
    display: block; 
    height: 100px; 
}
@media all and (max-width: 809px){ #goldnav>li { font-size: 14px; } }
@media all and (max-width: 768px){ 
    /* mobile rules somewhat mirrored at https://www.jmu.edu/jmucmsfiles/css/nav2.1/stickybanner.css */
    #topheader { 
        position: fixed;
        z-index: 999; 
    }
    #bannerghost { /* x20220311 */ 
        height: 90px; 
    }
    .to100 {
        width: 100%; 
    }
    #purpleband {
        position: absolute;
        height: 90px; /* changed from 100px per x20220311 */
        top: 0px; 
    }
    #purpleband .pagecontainer {
        overflow: hidden; 
    }
    .menu-collapser {
        display: inline-block; 
    }
    #jmuwordmark {
        width: 75%;
    }
    #searchselect {
        clear: both; 
        float: none; 
        margin-top: 0px; /* x20220311 */ 
        margin-right: 0px; /* x20220311 */
    }
    #searchselect li#desktopdropdown { 
        display: none; 
    }
    #searchselect #hdrsearch {/* x20220311 added searchselect as part of selector */ 
        width: 100%;
        display: block; 
        text-align: center; 
        padding: 0px; /* x20220311 */ 
        margin: 0 auto;/* x20220311 */
    }
    #searchselect #hdrsearch input[type="text"] { margin-left: 2em; } /* x20220311 centers search on mobile */ 
    #mobileleftnav { 
        display: block; 
        /* start x20220304 */
        max-width: 500px;
        width: 100%;
        /* end x20220304 */
    }
    #goldband { 
        text-align: left;
        overflow: auto; 
        top: 90px; /* reduced from 100px per x20220311 */ 
        background: transparent; 
        display: none; 
    }
    #goldband ul#goldnav {
        display: block; 
    }
    #goldnav { 
        overflow: auto; 
        /* start x20220304 */
        max-width: 500px;
        width: 100%;
        /* end x20220304 */
    }
    #goldnav>li { float: none; font-size: 14px;}
    #goldnav>li a, #mobileleftnav>li a{ 
        border-bottom: 1px solid white; 
    }
    #goldnav li, #mobileleftnav li { 
        text-align: left; 
        width: 100%;
        display: block; 
    }
    
    #goldnav li > ul {
        position: relative; /* prevents overlay of subnav over subsequent items */ 
    }
    
    #goldnav li li li a, #mobileleftnav li li li a {
    	padding-right: 0em; 
	    padding-left: 2.7em; 
    }
    .sideArrowGold { 
        background: none; 
    }
    #goldnav li a, #mobileleftnav li a { 
        display: block; 
    }
    #goldnav li:hover ul, #mobileleftnav li:hover ul {
        display:none; 
    }

    #goldnav li#goldmore { 
        display: block;
        text-align: center;
        padding: 0px; 
        border-bottom: 0px; 
        text-align: left; 
    }

    .arrowed a span { 
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075); 
        display: block; 
        height: 1em;
        width: 3em; 
        text-align: center;
        position: relative; 
        padding: 1em 0px;
        top: -1em;
        right: -1em;
        float: right;
    }
    .arrowed .arrowed a span {
        font-size: 16px;
        right: -0.5em;
        top: -0.65em;
    }
    .menu-collapser { padding: 12px 7px; }
    #titles #pagetitle { padding-top: 8px; } /* x20220311 to 0, then x20220920 to 8px */
}
@media all and (-ms-high-contrast:none) {
	/* IE10+ CSS styles go here */
	#jmuwordmark {
		width: 75%; 
	}
	/* IE11 */
	*::-ms-backdrop, #jmuwordmark {
		width: 75%; 
	}
}

.shadowed { box-shadow: 4px 5px 15px #888888; } /* x20220429 */  /* x20220510 replaced 10px 10px 30px #888 */
/* replaced per x20230511 with below rule .shadowed-bottom { box-shadow: 0px 5px 15px #888; } /* x20220429 *//* x20220510 replaced 0px 10px 30px #888 */
.shadowed-bottom{box-shadow: 0px 5px 5px rgb(0,0,0,0.2);}/* x20230511 */