.navbar-fixed-top,
.navbar-static-top {
	border-bottom: 0;
}

.nav {
	>li {
		>a {
			transition: background-color 0.4s ease-out, color 0.4s ease-out;
			&:hover,
			&:focus {
				background-color: $iar_green_medium;
			}
		}
	}
}


@media (min-width: 768px){
	.iconav-nav {
		>li {
			+li {
				>a {
					border: 0;
					border-top: 1px solid $iar_green_medium;
				}
				&.active {
					>a {
						background-color: #fcfcfc;
					}
				}
			}
		}
	}
	.iconav-nav {
		li {
			&:first-child {
				height: 80px;
				display: table;
				width: 100%;
				background-color: darken($iar_green_light, 10%);
				>a {
					vertical-align: middle;
					display: table-cell;
					height: 100%;
					>svg {
						width: 40px;
						height: 40px;
					}
					&:hover,
					&:focus {
						background-color: darken($iar_green_medium, 10%);
					}
				}
				&.active {
					>a {
						background-color: darken(#fff, 5%);
						&:hover,
						&:focus {
							background-color: darken(#fff, 15%);
						}
					}
				}
			}
		}
	}
	
}
@media (max-width: 767px){
	.iconav{
		margin-top:60px;
		li {
			&:first-child {
				>a{
					>svg {
						width: 18px;
						height: 18px;
					}
				}
			}
		}
	}
}

.iconav {
	z-index: 100;
}

@media (min-width:768px) {
	.iconav {
		background-color: $iar_green_light;
	}
}