/* ==========================================================================
   Social Share shortcode styles
   ========================================================================== */

.qodef-social-share {

	&.qodef-layout--text {

		li {
			margin-right: 6px;

			a {
				@include qodefMetaStyle();
				position: relative;
				display: inline-block;
				color: $dark-color;

				&:after {
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					bottom: 1px;
					width: 100%;
					height: 1px;
					background-color: currentColor;
					transform-origin: left;
					transform: scaleX(0);
					transition: transform .6s cubic-bezier(0.33, 1, 0.68, 1);
				}

				&:hover {
					color: $dark-color;

					&:after {
						transform: scaleX(1);
					}
				}

				.qodef-social-network-text {

					&:after {
						content: ',';
					}
				}
			}

			&:last-child {
				margin-right: 0;

				.qodef-social-network-text {

					&:after {
						display: none;
					}
				}
			}
		}

		&.qodef-list-below-title {

			.qodef-social-title {
				margin: 0 0 20px;
			}

			.qodef-shortcode-list {
				display: block;

				li {
					display: block;
					margin: 0 0 10px;

					a {

						.qodef-social-network-text {

							&:after {
								display: none;
							}
						}
					}
				}
			}
		}
	}
}

/* ==========================================================================
   Social Share shortcode styles
   ========================================================================== */