/* Icon */
.border-radius (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}

/* Variables */
@icon_format: none;
@icon_size: 4em;
@name_color: inherit;
@name_margin_top: 0;
@name_margin_bottom: 10px;
@role_color: inherit;
@role_margin_top: 0;
@role_margin_bottom: 10px;
@resume_color: inherit;
@resume_margin_top: 0 ;
@resume_margin_bottom: 10px;

.lrw-member {
	&.person-align-center {
		text-align: center;
	}

	&.person-align-left {
		text-align: left;

		.person-social-profiles {
		    li {
		    	&:first-child {
		    		padding-left: 0;
		    	}
		    }
		}
	}

	.member-name {
		color: @name_color;
		margin-bottom: @name_margin_bottom;
		margin-top: @name_margin_top;
	}

	.member-role {
		color: @role_color;
		margin-bottom: @name_margin_bottom;
		margin-top: @name_margin_top;
	}

	.member-resume {
		color: @resume_color;
		margin-bottom: @name_margin_bottom;
		margin-top: @name_margin_top;
	}

	&.person-align-right {
		text-align: right;

		.person-social-profiles {
		    li {
		    	&:last-child {
		    		padding-right: 0;
		    	}
		    }
		}
	}

	.image-wrapper {
		margin-bottom: 1em;
		display: block;

		img {
			display: inline-block;
		    height: auto;
		    max-width: 100%;
		    vertical-align: top;
    		width: auto;

			&.image-shape-circle,
			&.image-shape-outline-circle {
				.border-radius(50%);
			}

			&.image-shape-rounded,
			&.image-shape-outline-rounded {
				.border-radius(5px);
			}
		}
	}

	.person-social-profiles {
	    list-style: none;
	    margin: 0;
		padding: 0;

	    li {
	    	display: inline-block;
	    	margin: 0;
	    	padding: 0 5px;

	    	a {
	    		display: block;
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    z-index: 1;
			    top: 0;
	    	}
	    }

		.element-shape_icon {
			// shape color
			.icon-inner {
				border: 2px solid transparent;
			    display: inline-block;
			    position: relative;
			    text-align: center;

			    span {
			    	line-height: inherit;
			    }

			    &.icon-size-lg {
			    	line-height: 2.5em;
			    	width: 2.5em;
			    	height: 2.5em;

			    	span {
			    		font-size: 1.2em;
			    	}
			    }

			    &.icon-size-2x {
			    	line-height: 3.15em;
			    	width: 3.15em;
			    	height: 3.15em;

			    	span {
			    		font-size: 1.8em;
			    	}
			    }

			    &.icon-size-3x {
			    	line-height: 4em;
			    	width: 4em;
			    	height: 4em;

			    	span {
			    		font-size: 2.5em;
			    	}
			    }

			    &.icon-size-4x {
			    	line-height: 5em;
			    	width: 5em;
			    	height: 5em;

			    	span {
			    		font-size: 2.85em;
			    	}
			    }

			    &.icon-size-5x {
			    	line-height: 7.15em;
			    	width: 7.15em;
			    	height: 7.15em;

			    	span {
			    		font-size: 5em;
			    	}
			    }
			}
		}

		.element-shape_icon {
			.icon-inner {
				&.icon-shape-none {
					border: 0;
		    		background: transparent;
				    height: auto;
		    		line-height: normal;
				    width: auto;
		    	}
			}

			.icon-shape-circle,
			.icon-shape-outline-circle {
				.border-radius(50%);
			}

			.icon-shape-rounded,
			.icon-shape-outline-rounded {
				.border-radius(5px);
			}
		}
	}
}