@mixin gradient_v($from: #ffffff , $to: #dfe2e3){
	background: $to;
	background: linear-gradient(to bottom, $from 0%, $to 100%);
}

 .gr-vert-white-to-gray{
 	@include gradient_v( #ffffff , #dfe2e3 );
 }

  .gr-vert-gray-to-white{
  	@include gradient_v( #dfe2e3 , #ffffff );
 }

 @mixin flex-container(){
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;   
	align-content: stretch;
 	> *{
 		flex: 1 1 auto;
		align-self: stretch;
 	}
 }

  @mixin flex-menu(){
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;   
	align-content: stretch;
	align-items: flex-start;

 	> *{
 		flex: 0 1 auto;
		align-self: stretch;
 	}
 }

 @mixin bone-btn(){
 	@extend .gr-vert-white-to-gray;

	border-radius: 3px;
	color: $bone-light-blue;
	border: 1px solid #ccc ;
	text-transform: uppercase ;
	font-size: 12px ;
	line-height: 16px ;
	font-weight: bold ;
	padding: 7px 14px ;

	&:hover{
		@extend .gr-vert-gray-to-white;
	}
 }