.top-bar-section{
	a.follow{
		$btn-h : 28px;
		@include bone-btn();
		font-size: rem-calc( 13 );
		line-height: $btn-h ;
		height: $btn-h ;
		padding: 0 4px 0 0;
		text-transform: none;
		display: inline-block;
		position: relative;

		i{
			float: left;
			// position: absolute;
			display: inline-block;
			text-align: center;
			margin-right: 3px;
			// top: 0;
			// left: 0;
			width: $btn-h;
			height: $btn-h;
			font-size: 1.2em;
			line-height: $btn-h ;
			height: $btn-h ;
			margin-top: -1px;
			border-radius: $global-radius 0 0 $global-radius;
		}


		&.facebook{
			color: $facebook-color;

			i{
				color: #ffffff;
				background: $facebook-color;
			}
		}

		&.twitter{
			color: $twitter-color;
		}
	}

	#locales{
		display: inline-block;
		margin-right: .5em;
		padding-right: .5em;

		a{
			font-variant: small-caps;
			font-size: 1.5em;

			&.active{
				font-weight: bold;
			}
		}
	}
}

.breadcrumbs{
		> * {
			float: none;
			display: inline;
		}
	}

@media #{$small-only} {
	
	.top-bar .toggle-topbar.menu-icon a{
		color: $bone-light-blue;
		span:after{
			box-shadow : 0 0 0 1px $bone-light-blue,0 7px 0 1px $bone-light-blue,0 14px 0 1px $bone-light-blue;

		}
	}
	.top-bar-section ul {

		border-top: 1px solid $iron;
		li{
			background: $topbar-bg-color;
			border-bottom: 1px solid $iron;

		}
		.has-dropdown>a:after{
				border-color: transparent transparent transparent rgba(0,0,0,.4);
		}
	}
} 

@media #{$medium-only} { 

	nav.main{
		.top-bar-section{
			ul.menu{	
				width: 100%;
				background: $topbar-bg-color;
				border-top : 1px solid $iron;
				border-bottom : 1px solid $iron;

				> li{
					> ul.dropdown{
						> li {
							> a{ 
								font-size: rem-calc( 12); 
								padding : 0 5px;
							}
						}
					}
				}
			}
		}
	}
} 

@media #{$medium-up} {
	nav.main{
		border-bottom : 1px solid $gainsboro;
		height: $topbar-height +1;

		.top-bar-section .has-dropdown.not-click:hover>.dropdown{
			display: flex; 
		}
		.top-bar-section .has-dropdown{
			position: inherit;
		}

		.top-bar-section{
			ul.menu{		
				> li{
					position: initial;
					border-left : 1px solid $gainsboro;
					a{ 
						text-transform: uppercase; 
					}
					&:last-child{
						border-right : 1px solid $gainsboro;				
					}

					&.has-dropdown >a{
						padding-right: $topbar-link-dropdown-padding !important;
						&:after{
							display: none;
						}
					}

					> ul.dropdown{
						z-index: 500;
						width: 100%;
						//max-width: 100%;
						height: $topbar-height +1;
						background-color: $white;
						border-top : 1px solid $gainsboro;
						border-bottom : 1px solid $gainsboro;

						&:noclip{
							clip:auto;
						}

						@include flex-menu();
						
						> li{
							border-left : 1px solid $gainsboro;
							width: auto;

							&.noshrink{
								flex-shrink: 0;
							}

							&:last-child{
								border-right : 1px solid $gainsboro;				
							}

							a{
								height: $topbar-height ;
								display: flex;
								align-items: center;
								justify-content: center;
								line-height: $topbar-height - 10*2;
								padding: rem-calc( 10 );
								text-align: center;
								background: none;
								white-space: normal;
							}

							&.active{
								a{
									color: $bone-light-blue;
								}
							}

							&:hover{
								a{
									color: #fff;
								}
							}
						}
					}
				}
			}

			.right{
				font-size: rem-calc(15);
				margin-right: 1em;
			}
		}

	}

	.subMenu{
		.side-nav{
			// padding-top:0;
			li.active{
				background-color : $bone-red;
				border-radius: $global-radius;
				a{
					color: $white;
					font-weight: bold;
				}
			}
			a{
				text-transform: uppercase; 
			}
		}
	}

	.breadcrumbs{
		border-bottom : 1px solid $gainsboro;
		> * {
			float: none;
			display: inline;
		}
	}
}