/*  -----------------------------------------------------------------------------------------------
    Single Share this
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */


.entry-content
{
	.sharedaddy.sd-sharing-enabled
	{
		display: none;
	}
}

.content-with-socials
{
	display: flex;
	margin: 0 0 24px 0;
	
	@include media('<=huge')
	{
		flex-direction: column;
	}
	
	.content-and-image
	{
		order: 2;
		width: 75%;
		padding: 0 0 0 64px;
		
		@include media('<=hd')
		{
			padding: 0 0 0 48px;
		}

		@include media('<=huge')
		{
			padding: 0;
			width: 100%;
			order: 1;
		}

		@include media('<=tablet')
		{
			padding: 0;
			border-left: 0;
			border-right: 0;
		}
		
		p
		{
			&:first-child
			{
				margin-top: 0;
			}
		}

		.entry-featured
		{
			img
			{
				width: 100%;
			}
		}

		.entry-content
		{
			padding: 12px 0;
		}
	}
	
	.sharedaddy 
	{
		order: 1;
		width: 25%;
		will-change: min-height;
		
		@include media('<=huge')
		{
			width: 100%;
			order: 2;
		}
		
		.sd-social-icon-text .share-reddit a.sd-button:before 
		{
			color: #ff4500 !important;
		}
		
		.sd-social-icon-text .share-pocket a.sd-button:before 
		{
			color: #ef4056 !important;
		}

		.sd-social-icon-text .share-telegram a.sd-button:before 
		{
			color: #0088cc !important;
		}
		
		.sd-social-icon-text .share-jetpack-whatsapp a.sd-button:before 
		{
			color: #4FCE5D !important;
		}

		.sd-social-icon-text .share-facebook a.sd-button:before 
		{
			color: #36629f !important;
		}

		.sd-social-icon-text .share-twitter a.sd-button:before 
		{
			color: #32abdf !important;
		}

		.sd-social-icon-text .share-pinterest a.sd-button:before 
		{
			color: #cb242d !important;
		}

		.sd-social-icon-text .share-tumblr a.sd-button:before 
		{
			color: #3f5a6f !important;
		}

		.sd-social-icon-text .share-linkedin a.sd-button:before 
		{
			color: #1278b3 !important;
		}

		.sd-social-icon-text .share-stumbleupon a.sd-button:before 
		{
			color: #e94b2f !important;
		}
		
		.sd-social
		{
			border: 1px solid $grey;
			padding: 24px;
			transform: translate(0, 0); /* For browsers don't support translate3d. */
			transform: translate3d(0, 0, 0);
			will-change: position, transform;

			.sd-title
			{
				@extend .flex-item;
			    font-size: 18px;
		        margin-bottom: 12px;
		        text-transform: uppercase;
		        letter-spacing: 0.1em;
		        color: #121212;
		        position: relative;
			    
			    &:before
			    {
			    	content: "";
			    	width: 5px;
			    	height: 5px;
			    	display: inline-block;
			    	@extend .bgaccent;
			    	margin-right: 12px;
			    	min-width: auto;
			    	border-top: 0;
			    	margin-bottom: 0;
			    	
			    	.rtl &
			    	{
			    	    margin-right: 0;
			    	    margin-left: 12px;
			    	}
			    }
			}

			.sd-content
			{
				ul
				{
					@extend .flex-item;
					align-items: flex-start;
					flex-direction: column;
					margin-bottom: 0 !important;
					
					@include media('<=huge')
					{
						flex-direction: row;
					}

					@include media('<=desktop')
					{
						flex-direction: column;
					}
					
					li
					{
						@extend .flex-item;
						width: 100%;
						background: transparent;
					    border: 0;
					    border-radius: 0;
					    box-shadow: none;
					    color: inherit;
					    margin: 0;
					    padding: 12px 0;
					    position: relative;
					    width: 100%;
					    border-bottom: 1px dashed $grey;
					    transition: border-style .25s;
					    
					    &:hover
					    {
					    	border-style: solid;
					    	
					    	a
					    	{
					    		color: $accent_color;
					    	}
					    }
					    
					   &.share-end
					   {
					   		display: none;
					   }
						
						a
						{
							@extend .flex-item;
							width: 100%;
							border: none;
							background: none;
							font-size: 16px;
							box-shadow: none;
							@include color($black !important);
							padding: 0;
							
							&:before
							{
								top: auto;
								font-size: 24px;
								margin-right: 12px;
							}

							span
							{
								line-height: 1;
								transition: color .25s;
							}
						}
					}
				}
			}
		}
	}
}