/*=================================
//                                 
//    ###     ####   ###    ###  
//   ## ##   #   ##  ## #  # ##  
//  ##   ##    ###   ##  ##  ##  
//  #######  #   ##  ##      ##  
//  ##   ##   ####   ##      ##  
//
//=================================*/
/* soc-media NAVBAR - socialmedia */

.segment-r {align-content: center; margin-right: 1rem;}
.brands .segment-r {margin-left: auto;}
#soc-media {min-width: 8rem; margin: 0 1rem;}

#soc-media ul.navbar-nav {
	justify-content: flex-end;
	flex-direction: row;
	margin: 0;
}

#soc-media li:last-of-type a {
	margin-right: 0 !important;
}

#soc-media .navbar-nav a {
	margin: 0 .875rem 0 0;
	line-height: 2rem;
	display: block;
	align-items: center;
}

#soc-media a span {
	display: flex;
}

#soc-media .navbar-nav svg {
	height: 1.25rem;
	width: 1.25rem;
	color: var(--color5);
}

#soc-media a svg > * {
	fill: var(--link3);
	transition: all .2s ease-in-out;
}

#soc-media a:hover svg > * {
	fill: var(--link7);
	color: var(--hover7);
	transition: all .2s ease-in-out;
}

@media (max-width: 1200px) {
	#soc-media {margin: 0 2rem 0 0;}
	/*
	#soc-media:after {
		content: "";
		display: block;
		border-bottom: 1px solid var(--text10);
		margin-top: 4px;
		height: 1px;
	}
	*/
}

@media (max-width: 992px) {
	#soc-media {margin: 0 2rem;}
}

@media (max-width: 768px) {
	#soc-media ul.navbar-nav {
		justify-content: center;
		flex-direction: row;
	}
}

@media (max-width: 480px) {
	#soc-media {margin: 0;}
	#soc-media ul.navbar-nav {
		justify-content: flex-start;
	}
}