@import "../mixins/less/mixins";

@img-r: 0;
@img-h: #fff;
@img-h-o: 0;
@icon-h: #333;
@icon: #ccc;
@content: transparent;
@content-pad: 0px;
@name: #666;
@designation: #aaa;
@about: #333;

.iw-so-person {

	.iw-so-person-img{

		img {
			border-radius: @img-r;
		}

		.iw-so-person-ol {
			background: fade(@img-h, @img-h-o);
			border-radius: @img-r;
			.transition(opacity, .3s, linear);

			p {
				.transition(opacity, .3s, linear);
			}
		}
	}

	.iw-so-person-content {
		background: @content;
		padding-top: @content-pad;

		.iw-so-person-name {
			font-size: 1.25em;
			font-weight: bold;
			color: @name;
		}

		.iw-so-person-desig {
			font-size: 0.9em;
			font-weight: lighter;
			font-style: italic;
			letter-spacing: 2px;
			color: @designation;
		}
	}

	.iw-so-person-about {
		color: @about;
	}

	.iw-so-person-profiles{
		[class^="sow-icon-"] {
			color: @icon;
			&:hover,
			&:focus {
				color: @icon-h;
			}
		}
	}

}