<commit_before>
/* MAIN NAV 
===================================================*/ 
.navbar-menu-wrapper {  //centers menu
	display: table;
  	margin: 0 auto;

  	@include media-breakpoint-only(tablet) {
  		margin-top: -9px;
  	}

  	@include media-breakpoint-down(landscape_phone) {
  		width:100%;
  		margin-top: 30px;
  	}
}

nav {
	padding-top:0!important;
	padding-bottom:0!important;
}

.bg-dark {
    background-color: $green!important;
}
/*nav.navbar a:hover {
    background: transparent!important;
}*/
nav.navbar {
	margin-bottom: 1.59rem;

	a.nav-link {
    	color: $white!important;
    	text-decoration:none;
    	padding-bottom: .87rem;
    	padding-top: .75rem;
    	font-weight: 700;

    	@include media-breakpoint-up(desktop) {
    		font-size: .75rem!important;
    		padding-left: .9rem!important;
    		padding-right: .9rem!important;
    	}

		@include media-breakpoint-only(tablet) {
			font-size: .7rem;
    		padding-left: 7px;
    		padding-right: 7px;
    		padding-bottom: .55rem;
    		line-height: 1rem;
    		text-align: center;
    	}
    	@include media-breakpoint-down(landscape_phone) {
    		padding-bottom: 1.2rem;
    		margin-top: .6rem;
    	}
	}
	li {
		font-size: .9rem;
		padding-bottom: 0;

		&.nav-item :hover,
		&.nav-item :focus {
			color: $green!important;
	    	background-color: $beige;
		}
	}
	@include media-breakpoint-down(landscape_phone) {
		padding:0;
		height: 98px;
		z-index: 2;
	}
	@include media-breakpoint-up(tablet) {
		padding-right: 2.4rem;
		height: 50px;
	}
}

.navbar-brand {
    color: $green!important;

    &:hover,
    &:focus {
    	color: $green!important;
    	background: transparent;
	}

	img {
		margin-left: 20px;
		@include media-breakpoint-only(tablet) {
			margin-left: 0px;
		}
		@include media-breakpoint-down(landscape_phone) {
			margin-left: 10px;
		}
	}

}

.navbar-nav {
	border:0;
	/*margin-left: 120px;*/
	padding-top: 0px;

	.menu-item--expanded.dropdown  {
		a {
			transition:unset!important;
		}

		&:hover {
			background: $beige;

			a, a:hover{
				color: $green!important;
			}
		}

		@include media-breakpoint-only(tablet) {
			width:80px;
			margin-left: 5px;
    		margin-right: 5px;
		}	
	}


	@include media-breakpoint-down(tablet) {
		flex-direction: row;
		/*margin-left: 35px;
		margin-top: -50px;*/
		position: relative;
		top: -42px;   
	}

	@include media-breakpoint-down(landscape_phone) {		
		margin-left: 0;
		top:-23px;
		width:100vw;

		li {
			flex-direction: row!important;
			margin-top: 5px;
			padding: 0 5px!important;			

			a {
				font-size: .75rem;
			    line-height: .9rem;
			    text-align: center;
			    letter-spacing: .025rem;
			    padding-top: 5px!important;
    			padding-bottom: 5px!important;
			    margin-top: 0!important;
			    margin-bottom: 0!important;
			}
		}
		.menu-item--expanded.dropdown {
    		padding-left: unset!important;
    		padding-right: unset!important;

    		$shiftSecond: calc( -1 * ( 58px + (( 100vw - 299px) / 6) + (( 100vw - 303px) / 12)));
    		$shiftThird:  calc( -1 * ( 72px + 58px + 2 * ((( 100vw - 299px) / 6)) + (( 100vw - 303px) / 12))); 
    		$shiftFourth: calc( -1 * ( 72px + 58px + 53px + 3 * ((( 100vw - 299px) / 6)) + (( 100vw - 303px) / 12))); 
    		$shiftFifth: calc( -1 * ( 72px + 58px + 53px + 66px + 4 * ((( 100vw - 299px) / 6)) + (( 100vw - 303px) / 12))); 
    			
    		&:first-child {
    			width: calc( 58px + (( 100vw - 299px) / 6) + (( 100vw - 303px) / 12));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown(0);
    		}
    		&:nth-child(2) {    
    			width: calc( 72px + (( 100vw - 299px) / 6));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown($shiftSecond);
			}
			&:nth-child(3) {				
				width: calc( 53px + (( 100vw - 299px) / 6));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown($shiftThird);    					
			}
			&:nth-child(4) {				
				width: calc( 66px + (( 100vw - 299px) / 6));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown($shiftFourth);
			}
			&:nth-child(5) {				
				width: calc( 50px + (( 100vw - 299px) / 6) + calc(( 100vw - 300px) / 12));
    			@include mobilenav-dropdown($shiftFifth);
			}

			.dropdown {
				margin-top: -1px;
			}
		}					
	}
}

li.menu-item--expanded:hover ul.dropdown-menu {
	@include media-breakpoint-up(desktop) {
	    display: block;
	}
}

.navbar-dark .navbar-toggler {
	@include media-breakpoint-down(landscape_phone) {
    	display: none;
	}
}
#CollapsingNavbar {
	flex-grow: 1;
}
.navbar-expand-lg .navbar-nav .nav-link {
	@include media-breakpoint-up(desktop) {
    	padding-right: 1rem;
    	padding-left: 1rem;
	}
}

.navbar a[href^="/user/login"], .navbar a[href^="/user/logout"] {
	&:hover {
		background: transparent!important;
	}
}
// ----MAIN NAV DROPDOWN --- //

.navbar-nav .dropdown-menu {
	padding: 0;
	margin-top: 0;

	@include media-breakpoint-only(tablet) {
		position: absolute;
		margin-top: 0px;
	}

	.dropdown-item {
		border-bottom:1px solid $white;
		padding: .25rem 1rem;
		white-space: normal!important;


		@include media-breakpoint-down(tablet) {
			padding: .5rem 1rem!important;
			line-height: 1.2rem!important;
		}
		@include media-breakpoint-down(phone) {
		    white-space: nowrap;
		}

		a {
			font-size: .85rem;
			font-weight: 500;
			text-decoration: none;
			text-transform: initial;
			color: $black!important;
			display: block;
			width: 200px!important;
    		padding-top: 3px;
    		padding-bottom: 3px;
    		line-height: 1.1rem;

    		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    			font-size: .75rem;
    		}
						
		
			@include media-breakpoint-down(landscape_phone) {
				font-size: .8rem;
				padding-left: 5px;
				text-align: left;
				width: 93vw!important;
			}

			&:hover,
			&:focus {
				color: $black!important;
				background: transparent;
			}
		}
		&.active,
		&:active {
			background: transparent;
		}
		&:hover,
		&:focus {
			background: $light_beige;
		}
		
	}

	@include media-breakpoint-up(tablet) {
		background: $beige;
		border-radius: 0;
		border: 0;
		
		&:hover, &:focus {
			background: $beige;
		}
	}
}

.navbar-nav .dropdown.show a.nav-link.active {
    color: $green!important;
}

.navbar-nav {
	@include media-breakpoint-only(tablet) {
		li.nav-item.menu-item--expanded.dropdown:last-of-type {

			ul {
				width: 233px;

				li a {
				    white-space: normal;
				}
			}

		}
	}
}
// end main nav dropdown //


button.header_search {
    background: transparent;
    border: 0;
    z-index: 10;
	cursor:pointer;
	right: 155px;
	position: absolute;
	top: 15px;
	width:20px;
	height:20px;

	&:hover .search-icon-main img ,
	&:focus .search-icon-main img  {
		opacity:0;
	}
}
div.search-icon-main {    	
	width: 20px;
	height: 20px;
	z-index: 6;
	img {
		position: absolute;
		top: -6px;
		right: -1px;
		margin-right: 1px;
	}
} 
div.search-icon-rollover {
    width: 20px;
	height: 20px;
	z-index: 5;	

	img {				
		position: absolute;
		top: 3px;
		right: -1px;
		margin-top: -2px;
		margin-right: 1px;
	}	
} 
	 
#search-options {
	font-size: .75rem;
	text-transform: unset;
	position: absolute;
    height: 80px;
    top: -29px;
    right: 143px;    
    padding-top: 10px!important;
    padding-left: 20px!important;
    padding-right: 35px!important;
    background: $black;
    z-index: 1;
    color: $white;
    margin:30px 0 0 0;

    @include media-breakpoint-only(tablet) {
    	right: 140px;
    	top: -29px;
    }
    @include media-breakpoint-down(phone) {
    	right: 145px;
    	top: -29px;
    }
    
    input[type="search"] {
    	font-size: 1rem;
    	height: 29px;
    	padding-left: 10px;
    	padding-top: 0;
    	border: 0;
    }
    input[type=checkbox] {
    	margin-top: 15px;
    }

    .mr-sm-2 {
    	margin-right: unset;
    	font-size: .85rem!important;
    }
}

.btn-outline-success {
	font-size: .8rem;
    color: $white;
    text-transform: uppercase;
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border: 2px solid $white;   
    padding: 3px 15px;
    margin-top: -2px;
	
	&:hover, 
	&:focus,
	&:not(:disabled):not(.disabled):active {
		color: $yellow;
		border-color: $yellow;
		background-color: transparent;
	}
	
	&.focus,
	&:focus {
		box-shadow: none;
	}
	@include media-breakpoint-down(landscape_phone) {
		font-size: .7rem;
	    position: absolute;
    	right: 10px;
    	top: 10px;
    }

    @include media-breakpoint-down(tablet) {
	    position: absolute;
	    top: 15px;
	    right: 20px;    
	    margin-top: -5px;	
    }
}


nav input.form-control[type="search"] {
    display: none!important;
    border-radius: 0;

    @include media-breakpoint-down(tablet) {
    	position: absolute;
    	top: 15px;
    	width: 250px;
    	right: 150px;
    	height: 30px;
	}

    @include media-breakpoint-down(landscape_phone) {
    	position: absolute;
    	top: 12px;
    	width: 200px;
    	left: 20px;
    	height: 30px;
	}
}

form.form-inline.my-2.my-lg-0 {
	@include media-breakpoint-down(landscape_phone) {
    	/*position: absolute;*/
   	 	top: -8px;
    	height:30px;
    }
}
nav#block-bootstrap-barrio-subtheme-account-menu a {
    font-weight: 400;
    color: $green!important;
    text-transform: initial;
    margin-left:5px;
    margin-right:5px;   
}

//----- DASHBOARD BUTTON ----//

a.dashboard-button{
	content: "";
    z-index: 1;
	background: url(/themes/custom/myusf/images/site/icons.svg) no-repeat;
	width: 31px;
    height: 22px;
    background-position: -349px -267px!important;
    display:block;
	position: absolute;
	right: 15px; 

	@include media-breakpoint-down(landscape_phone) {
		top: 17px;
	}

    &:hover,
	&:focus {
		 background-position: -349px -297.6px!important;			
	}
		
}<commit_msg>navigation.scss. added IE fix for dashboard button assigned top attribute<commit_after>
/* MAIN NAV 
===================================================*/ 
.navbar-menu-wrapper {  //centers menu
	display: table;
  	margin: 0 auto;

  	@include media-breakpoint-only(tablet) {
  		margin-top: -9px;
  	}

  	@include media-breakpoint-down(landscape_phone) {
  		width:100%;
  		margin-top: 30px;
  	}
}

nav {
	padding-top:0!important;
	padding-bottom:0!important;
}

.bg-dark {
    background-color: $green!important;
}
/*nav.navbar a:hover {
    background: transparent!important;
}*/
nav.navbar {
	margin-bottom: 1.59rem;

	a.nav-link {
    	color: $white!important;
    	text-decoration:none;
    	padding-bottom: .87rem;
    	padding-top: .75rem;
    	font-weight: 700;

    	@include media-breakpoint-up(desktop) {
    		font-size: .75rem!important;
    		padding-left: .9rem!important;
    		padding-right: .9rem!important;
    	}

		@include media-breakpoint-only(tablet) {
			font-size: .7rem;
    		padding-left: 7px;
    		padding-right: 7px;
    		padding-bottom: .55rem;
    		line-height: 1rem;
    		text-align: center;
    	}
    	@include media-breakpoint-down(landscape_phone) {
    		padding-bottom: 1.2rem;
    		margin-top: .6rem;
    	}
	}
	li {
		font-size: .9rem;
		padding-bottom: 0;

		&.nav-item :hover,
		&.nav-item :focus {
			color: $green!important;
	    	background-color: $beige;
		}
	}
	@include media-breakpoint-down(landscape_phone) {
		padding:0;
		height: 98px;
		z-index: 2;
	}
	@include media-breakpoint-up(tablet) {
		padding-right: 2.4rem;
		height: 50px;
	}
}

.navbar-brand {
    color: $green!important;

    &:hover,
    &:focus {
    	color: $green!important;
    	background: transparent;
	}

	img {
		margin-left: 20px;
		@include media-breakpoint-only(tablet) {
			margin-left: 0px;
		}
		@include media-breakpoint-down(landscape_phone) {
			margin-left: 10px;
		}
	}

}

.navbar-nav {
	border:0;
	/*margin-left: 120px;*/
	padding-top: 0px;

	.menu-item--expanded.dropdown  {
		a {
			transition:unset!important;
		}

		&:hover {
			background: $beige;

			a, a:hover{
				color: $green!important;
			}
		}

		@include media-breakpoint-only(tablet) {
			width:80px;
			margin-left: 5px;
    		margin-right: 5px;
		}	
	}


	@include media-breakpoint-down(tablet) {
		flex-direction: row;
		/*margin-left: 35px;
		margin-top: -50px;*/
		position: relative;
		top: -42px;   
	}

	@include media-breakpoint-down(landscape_phone) {		
		margin-left: 0;
		top:-23px;
		width:100vw;

		li {
			flex-direction: row!important;
			margin-top: 5px;
			padding: 0 5px!important;			

			a {
				font-size: .75rem;
			    line-height: .9rem;
			    text-align: center;
			    letter-spacing: .025rem;
			    padding-top: 5px!important;
    			padding-bottom: 5px!important;
			    margin-top: 0!important;
			    margin-bottom: 0!important;
			}
		}
		.menu-item--expanded.dropdown {
    		padding-left: unset!important;
    		padding-right: unset!important;

    		$shiftSecond: calc( -1 * ( 58px + (( 100vw - 299px) / 6) + (( 100vw - 303px) / 12)));
    		$shiftThird:  calc( -1 * ( 72px + 58px + 2 * ((( 100vw - 299px) / 6)) + (( 100vw - 303px) / 12))); 
    		$shiftFourth: calc( -1 * ( 72px + 58px + 53px + 3 * ((( 100vw - 299px) / 6)) + (( 100vw - 303px) / 12))); 
    		$shiftFifth: calc( -1 * ( 72px + 58px + 53px + 66px + 4 * ((( 100vw - 299px) / 6)) + (( 100vw - 303px) / 12))); 
    			
    		&:first-child {
    			width: calc( 58px + (( 100vw - 299px) / 6) + (( 100vw - 303px) / 12));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown(0);
    		}
    		&:nth-child(2) {    
    			width: calc( 72px + (( 100vw - 299px) / 6));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown($shiftSecond);
			}
			&:nth-child(3) {				
				width: calc( 53px + (( 100vw - 299px) / 6));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown($shiftThird);    					
			}
			&:nth-child(4) {				
				width: calc( 66px + (( 100vw - 299px) / 6));
    			border-right: 1px solid $white;
    			@include mobilenav-dropdown($shiftFourth);
			}
			&:nth-child(5) {				
				width: calc( 50px + (( 100vw - 299px) / 6) + calc(( 100vw - 300px) / 12));
    			@include mobilenav-dropdown($shiftFifth);
			}

			.dropdown {
				margin-top: -1px;
			}
		}					
	}
}

li.menu-item--expanded:hover ul.dropdown-menu {
	@include media-breakpoint-up(desktop) {
	    display: block;
	}
}

.navbar-dark .navbar-toggler {
	@include media-breakpoint-down(landscape_phone) {
    	display: none;
	}
}
#CollapsingNavbar {
	flex-grow: 1;
}
.navbar-expand-lg .navbar-nav .nav-link {
	@include media-breakpoint-up(desktop) {
    	padding-right: 1rem;
    	padding-left: 1rem;
	}
}

.navbar a[href^="/user/login"], .navbar a[href^="/user/logout"] {
	&:hover {
		background: transparent!important;
	}
}
// ----MAIN NAV DROPDOWN --- //

.navbar-nav .dropdown-menu {
	padding: 0;
	margin-top: 0;

	@include media-breakpoint-only(tablet) {
		position: absolute;
		margin-top: 0px;
	}

	.dropdown-item {
		border-bottom:1px solid $white;
		padding: .25rem 1rem;
		white-space: normal!important;


		@include media-breakpoint-down(tablet) {
			padding: .5rem 1rem!important;
			line-height: 1.2rem!important;
		}
		@include media-breakpoint-down(phone) {
		    white-space: nowrap;
		}

		a {
			font-size: .85rem;
			font-weight: 500;
			text-decoration: none;
			text-transform: initial;
			color: $black!important;
			display: block;
			width: 200px!important;
    		padding-top: 3px;
    		padding-bottom: 3px;
    		line-height: 1.1rem;

    		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    			font-size: .75rem;
    		}
						
		
			@include media-breakpoint-down(landscape_phone) {
				font-size: .8rem;
				padding-left: 5px;
				text-align: left;
				width: 93vw!important;
			}

			&:hover,
			&:focus {
				color: $black!important;
				background: transparent;
			}
		}
		&.active,
		&:active {
			background: transparent;
		}
		&:hover,
		&:focus {
			background: $light_beige;
		}
		
	}

	@include media-breakpoint-up(tablet) {
		background: $beige;
		border-radius: 0;
		border: 0;
		
		&:hover, &:focus {
			background: $beige;
		}
	}
}

.navbar-nav .dropdown.show a.nav-link.active {
    color: $green!important;
}

.navbar-nav {
	@include media-breakpoint-only(tablet) {
		li.nav-item.menu-item--expanded.dropdown:last-of-type {

			ul {
				width: 233px;

				li a {
				    white-space: normal;
				}
			}

		}
	}
}
// end main nav dropdown //


button.header_search {
    background: transparent;
    border: 0;
    z-index: 10;
	cursor:pointer;
	right: 155px;
	position: absolute;
	top: 15px;
	width:20px;
	height:20px;

	&:hover .search-icon-main img ,
	&:focus .search-icon-main img  {
		opacity:0;
	}
}
div.search-icon-main {    	
	width: 20px;
	height: 20px;
	z-index: 6;
	img {
		position: absolute;
		top: -6px;
		right: -1px;
		margin-right: 1px;
	}
} 
div.search-icon-rollover {
    width: 20px;
	height: 20px;
	z-index: 5;	

	img {				
		position: absolute;
		top: 3px;
		right: -1px;
		margin-top: -2px;
		margin-right: 1px;
	}	
} 
	 
#search-options {
	font-size: .75rem;
	text-transform: unset;
	position: absolute;
    height: 80px;
    top: -29px;
    right: 143px;    
    padding-top: 10px!important;
    padding-left: 20px!important;
    padding-right: 35px!important;
    background: $black;
    z-index: 1;
    color: $white;
    margin:30px 0 0 0;

    @include media-breakpoint-only(tablet) {
    	right: 140px;
    	top: -29px;
    }
    @include media-breakpoint-down(phone) {
    	right: 145px;
    	top: -29px;
    }
    
    input[type="search"] {
    	font-size: 1rem;
    	height: 29px;
    	padding-left: 10px;
    	padding-top: 0;
    	border: 0;
    }
    input[type=checkbox] {
    	margin-top: 15px;
    }

    .mr-sm-2 {
    	margin-right: unset;
    	font-size: .85rem!important;
    }
}

.btn-outline-success {
	font-size: .8rem;
    color: $white;
    text-transform: uppercase;
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border: 2px solid $white;   
    padding: 3px 15px;
    margin-top: -2px;
	
	&:hover, 
	&:focus,
	&:not(:disabled):not(.disabled):active {
		color: $yellow;
		border-color: $yellow;
		background-color: transparent;
	}
	
	&.focus,
	&:focus {
		box-shadow: none;
	}
	@include media-breakpoint-down(landscape_phone) {
		font-size: .7rem;
	    position: absolute;
    	right: 10px;
    	top: 10px;
    }

    @include media-breakpoint-down(tablet) {
	    position: absolute;
	    top: 15px;
	    right: 20px;    
	    margin-top: -5px;	
    }
}


nav input.form-control[type="search"] {
    display: none!important;
    border-radius: 0;

    @include media-breakpoint-down(tablet) {
    	position: absolute;
    	top: 15px;
    	width: 250px;
    	right: 150px;
    	height: 30px;
	}

    @include media-breakpoint-down(landscape_phone) {
    	position: absolute;
    	top: 12px;
    	width: 200px;
    	left: 20px;
    	height: 30px;
	}
}

form.form-inline.my-2.my-lg-0 {
	@include media-breakpoint-down(landscape_phone) {
    	/*position: absolute;*/
   	 	top: -8px;
    	height:30px;
    }
}
nav#block-bootstrap-barrio-subtheme-account-menu a {
    font-weight: 400;
    color: $green!important;
    text-transform: initial;
    margin-left:5px;
    margin-right:5px;   
}

//----- DASHBOARD BUTTON ----//

a.dashboard-button{
	content: "";
    z-index: 1;
	background: url(/themes/custom/myusf/images/site/icons.svg) no-repeat;
	width: 31px;
    height: 22px;
    background-position: -349px -267px!important;
    display:block;
	position: absolute;
	right: 15px; 

	@include media-breakpoint-down(landscape_phone) {
		top: 17px;
	}
	/* IE */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ 
		top: 15px!important;
	}

    &:hover,
	&:focus {
		 background-position: -349px -297.6px!important;			
	}
		
}
{'fraction_non_alphanumeric': 0.1593570957765046, 'fraction_numerical': 0.04248846524362419, 'mean_word_length': 2.4915914321118784, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6718081', 'n_tokens_mistral': 9188, 'n_tokens_neox': 7725, 'n_words': 1439}