// TODO: css for shortcodes.

.shortcodes{
	margin-bottom: @baseLineHeight;
	.carousel .item img{
		width: 100%;
	}
	h3 {
		padding-top: 30px;
	}
}
/* Icon */
[class^="icon-"], [class*=" icon-"]{
	margin: 5px;
}
.googlemap .map_canvas {
    height: 100%;
    width: 100%;
}

.shortcode-slideshow img{
	width: 100%;
}
.carousel-control {
	top: 50%;	
}
// Gallery
ul.thumbnails{
	margin-left: -3%;
	.rtl &{
		margin-left: -3%;
		margin-right: 0;
	}
}
.gallery {
	li{
		margin-left: 3%;
		margin-right: 0;
		text-align: center;
	}
	.thumbnail{
		display: block;
		.border-radius(0);
		background: #FFF;
		padding: 10px;
		position: relative;
		transition: all 0.5s ease 0s;
		overflow: hidden;
		&:after{
			position: absolute;
			border-color: transparent #FFFFFF #FFFFFF transparent;
		    border-style: solid;
		    border-width: 45px;
			content: "";
			.opacity(0);
			right: -45px;
			bottom: 0;
			transition: all 0.3s ease 0.2s;
			z-index: 4;
		}
		
		&:before{
			content: "\f0a9";
			font-family: FontAwesome;
			position: absolute;
			bottom: 20px;
			right: 0;
			color: #FFF;
			font-size: 20px;
			.opacity(0);
			transition: all 0.2s ease 0.3s;
			transform: rotate(0deg);
			z-index: 5;
		}
		
		&:hover{
			background: @color;
			border-color: #ddd;		
			&:after{
			    bottom: 0;
			    right: 0;
				.opacity(30);
			}
			&:before{
				right: 20px;
				.opacity(100);
				transform: rotate(360deg);
			}
		}
	}
	img{
		width: 100%;
	}
	.caption {
		overflow: hidden;
	    padding-left: 20px;
	    padding-right: 20px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
}