.ms-navedit-editArea{display:none !important}

@media screen and (max-width: 2920px) {
	/* --- Global navigation --- */
	#phTopNav{position: absolute; left: 335px;top: 21px;}

    #phBannerRow {background-position: -12px -16px;height: 60px; position:relative}
    #phSearchBox {display:none}
    
	#searchInputBox {    position: absolute;top: 20px;background-color: white;color: black;left: 1100px;}
	/*#searchInputBox .ms-srch-sb-prompt {width:110px;}*/
	#searchInputBox .ms-srch-sb > input {width: 110px;}
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {margin-right: 5px;}
	.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {padding-right: 11px;}
	#phBannerRow{background-image: url('../images/Staff%20Portal%20Banner.png');width: 100%;background-repeat: no-repeat;position: relative;background-color: #006bb5;     border-bottom: 2px white solid;}

	/* --- Global navigation --- */
	#phTopNav ul, #phTopNav li{padding-left:3px;}
	#phTopNav .root>li>a{display:none}
	#phTopNav .root > li > ul {border-left:1px solid white;}
	#phTopNav .root>li>ul>li{border-right:1px solid white;}
	/*#phTopNav a:hover {background-color:#008CBD;}*/

	#phTopNav ul[id$="RootAspMenu"] ul.static > li > a{color:white;}
	#phTopNav ul[id$="RootAspMenu"] ul.static > li > span{color:white;}
	#phTopNav ul[id$="RootAspMenu"] ul.static > li:hover {/*background-color: #0071B7;*/}
	#phTopNav ul[id$="RootAspMenu"] ul.static > li > ul.dynamic > li {color:#006cb6;padding: 5px;}
	#phTopNav ul[id$="RootAspMenu"] ul.static > li > ul.dynamic > li > a:hover {background-color:#efeff2; }


	#phTopNav ul.dynamic {padding:0px; white-space: nowrap; width: auto !important;  /* !important needed to override inline SharePoint style */}
	#phTopNav ul.dynamic li {border-top: 1px solid #ddd;padding: 5px 0;list-style:none;}
	#phTopNav ul.dynamic li:first-child {border-top: 0}
	

	
}

@media screen and (max-width: 1150px) {
	/* --- Global navigation --- */
	#phTopNav{left: 10px;bottom: 4px; top:auto;font-size: 0.9em;}
	#searchInputBox { top: 18px;left: 405px;}
	#phBannerRow {height: 78px; background-position: 0px -18px;}
	#searchInputBox .ms-srch-sb > input  {width:122px}
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { margin: 0px 12px 0px 9px;}
}


@media screen and (max-width: 650px) {

	#phTopNav {bottom: 0px;left: -5px;background-color: #007fbb;padding: 10px 0px 8px 0px;}
	#phBannerRow {height: 52px; background-position: -150px -20px;background-color: #0090bc}
	#searchInputBox {top: 15px;left: 257px;}
	#searchInputBox .ms-srch-sb > input  {width:95px}
	#phTopNav a {color: black;}
	#phTopNav span {color: black;}
	#phTopNav .hover {background-color:#ddd;}
	#phTopNav .root>li>ul>li {border-right: none;}
		#phTopNav ul.dynamic {padding:0px; white-space: nowrap; width: 300px !important;  /* !important needed to override inline SharePoint style */}

    /* Hide Edit Links (icon and text) */
    div[id$="TopNavigationMenu"] li.static.ms-listMenu-editLink,  /* Desktop view */
    div[id$="TopNavigationMenu"] ul.root:hover li.ms-listMenu-editLink /* Mobile view */ {
        display: none;
    }
 
    /* Adjust menu placement from previous responsive changes */
    .ms-breadcrumb-box {
        /*height: 40px; Increase height previously set */
        /*margin: 10px 0 5px -15px;   Move nav closer to logo and edge of page */
    }
 
    /* Remove unnecessary branding from global nav */
    div[id$="TopNavigationMenu"] ul.root {
        border: 0;
    }
 
    /* Add "Menu" text before nav list - necessary to prevent mobile user accidentally jumping to first nav item when menu is activated */
    div[id$="TopNavigationMenu"] ul.root > li.static:first-child:before {
        content: "Menu";
        display: block;
        padding: 5%;
        background: #ccc;
    }
 
    /* Reset global navigation item formatting */
    div[id$="TopNavigationMenu"] li.static a.static,  /* First level of nav */
    div[id$="TopNavigationMenu"] li.static a.dynamic  /* Second level of nav */ {
        min-width: 100px;  /* Optional */
        width: auto;    /*Can also set to an absolute value */
        /*padding: 3% 3%;*/
        border-top: 0;
        border-bottom: 1px solid #dfdfdf;
        margin-right: 0;
        display: block;
        font-size: .8rem;
        line-height: 1.5;
        position: relative;
    }
    div[id$="TopNavigationMenu"] li.static a.dynamic {
        padding-left:10%;
    }
     div[id$="TopNavigationMenu"] li.static:last-child > a {
        border-bottom: 0;
    }
    div[id$="TopNavigationMenu"] li.static a:hover  {
        background: rgba(205,230,247,0.5);
    }
 
     /* Reset positioning of level 2 navigation items */
    div[id$="TopNavigationMenu"] ul.dynamic {
        border: 0;
        box-shadow: none;
        left: 0;
        top: 0;
        position: relative;
        padding: 0;
        width: auto !important;  /* !important required to override inline style */
        left: 0 !important;  /* !important required to override inline style */
        top: 0 !important;  /* !important required to override inline style */
    }
 
    /* Hide level 3 navigation items */
    div[id$="TopNavigationMenu"] ul.dynamic ul.dynamic {
        display: none;
    }
 
    /* Remove drop down arrows on navigation items with dynamic children menus */
    #s4-titlerow div[id$="TopNavigationMenu"] .dynamic-children.additional-background {
        background-image: none;
    }
 
    /* Insert stacked lines icon to designate global navigation */
    div[id$="TopNavigationMenu"] ul.root:before {
        content: "\f0c9";
        font-family: FontAwesome;
        background: white;
        font-size: 1.4rem;
        width: 2.6rem;
        height: 1.4rem;
        padding: .3rem 0;
        display: block;
        border-radius: 5px;
        text-align: center;
        border: 1px solid #ccc;
        margin: 0 15px;
    }
 
    /* Hide stacked lines icon on hover */
    div[id$="TopNavigationMenu"] ul.root:hover:before {
        display: none;
    }
 
    /* Hide global navigation items */
    div[id$="TopNavigationMenu"] ul.root > li {
        display: none;
    }
 
    /* Display global navigation box on hover */
    div[id$="TopNavigationMenu"] ul.root:hover {
        background: white;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 0 0 0 0px;
        position: absolute;
		    top: -5px;
        z-index: 2;
    }
 
    /* Display global navigation items on hover */
    div[id$="TopNavigationMenu"] ul.root:hover > li {
        display: block;
    }
}

@media screen and (max-width: 430px) {
	#phBannerRow {
    height: 96px;
    background-position: -136px -20px;
    background-color: #0090bc;
}
	#phTopNav {
    bottom: 0px;
    left: -12px;
    background-color: transparent;
    padding: 10px 0px 8px 0px;
}
	#searchInputBox {
    top: 61px;
    left: 65px;
}
	#searchInputBox .ms-srch-sb > input {
    width: 150px;
}

}



.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: "Segoe UI Light","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}
button:focus {outline:0;}

.ms-webpart-chrome-title {
	    background-color: #008BBC;
    padding-left: 12px;

}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	color:white
}
.ms-webpart-chrome-title A:link,.ms-WPTitle A:visited {
color:white;
text-decoration:none;
cursor:pointer;
}
.ms-webpart-chrome-title A:hover {
color:white;
text-decoration:underline;
cursor:pointer;
}

.ms-core-menu-title {
	color:#777;
}
.ms-core-menu-label {
	color:#777;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
      font-family: "Segoe UI Light","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}

.ui-widget{font-size:12px;}



/*Hide Ribbon - a security trimmed snippet will display the Ribbon with Javascript if you can edit pages*/
#ms-designer-ribbon {display:none;}

.tileview-tile-content {height:100%;}