Your IP : 216.73.217.68

Current Path : /home/atelierpru/www/OLD/squelettes/less/theme_components/
Upload File :
Current File : /home/atelierpru/www/OLD/squelettes/less/theme_components/features-small.less

/*! -- Stack Features Small -- */

.feature{
	&:not(.boxed){
		margin-bottom: 60px;
	}
	&.feature--featured{
		&:after{
			content: '';
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 4px;
			background: @color-primary;
			left: 0;
		}
	}
	h5{
		margin: 0;
	}
	h4{
		margin-bottom: 0.342105263157895em;
		+ p{
			max-width: @base-line-height*12;
		}
	}
	i+h5{
		margin-top: @base-line-height;
	}
	i+h4{
		margin-top: 0.68421052631579em;
	}
	i.icon--lg+h4{
		margin-top: 1.36842105263158em;
	}
	i.icon--lg+.h5{
		margin-top: @base-line-height/2;
	}
	img+.boxed{
		border-radius: 0 0 6px 6px;
		border-top: none;
	}
}

a.feature{
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: @color-body;
	img:first-child:not(:last-child){
		margin-bottom: @base-line-height/2;
	}
}

@media all and (max-width: 767px){
	a.feature{
		margin-bottom: @base-line-height/2 !important;
	}
}

.imagebg:not(.image--light){
	.feature{
		&.bg--white{
			a:not(.btn){
				color: @color-primary;
			}
			.label{
				color: #fff;
			}
		}
	}
}

@media all and (max-width: 767px){
	.feature{
		.feature__body{
			form{
				.row{
					margin-left: 0;
					margin-right: 0;
				}
			}
		}
	}
}

section.text-center .feature-6{
	h4 + p{
		margin: 0 auto;
	}
}

@media all and (min-width: 768px){
	.row{
		div[class*='col-']{
			&:nth-child(1):nth-last-child(3),&:nth-child(2):nth-last-child(2),&:nth-child(3):last-child{
				.feature{
					margin-bottom: 0;
				}
			}
		}
	}
}

a.block{
	>.feature{
		.transition(0.3s,ease);
	}
	&:hover{
		>.feature{
			.box-shadow;
		}
	}
}

.feature-1{
	min-height: @base-line-height*6;
	p{
		margin: 0;
	}
	p.lead{
		min-height: 5.05263157894737em;
	}
	> img{
		&:first-child{
			border-radius: 6px 6px 0 0;
		}
	}
	>a.block{
		img{
			border-radius: 6px 6px 0 0;
		}
		+.feature__body{
			border-radius: 0 0 6px 6px;
		}
	}
	&[class*='box-shadow']{
		border-radius: 6px;
		.transition(0.35s,ease-out);
		&:hover{
			.translate3d(0,-10px,0);
			.box-shadow-wide;
		}
	}
}

.hover-shadow{
	border-radius: 6px;
	backface-visibility: hidden;
	overflow: hidden;
	border: 1px solid #ececec;
		.transition(0.35s,ease-out);
		&:hover{
			.translate3d(0,-10px,0);
			.box-shadow-wide;
		}
}

.bg--dark{
	.hover-shadow{
		border-color: #222;
		&:hover{
			box-shadow: 0 23px 40px rgba(0, 0, 0, 1);	
		}
	}
}

.feature-2{
	overflow: hidden;
	.feature__body{
		width: 75%;
		float: right;
	}
	h5{
		margin-bottom: @base-line-height/4;
	}
	p{
		&:last-child{
			margin: 0;
		}
	}
	i{
		width: 25%;
		float: left;
	}
}

.feature-large{
	.feature-2{
		+ .feature-2{
			&:last-child{
				margin-bottom: 0;
			}
		}
	}
}

@media all and (max-width: 990px){
	.feature-2{
		.feature__body,i{
			width: 100%;
			float: none;
		}
		p{
			&:first-of-type{
				margin-top:@base-line-height/2;
			}
		}
	}
}

.feature-3{
	i{
		margin-bottom: 0.16666666666667em;
	}
	p{
		min-height: @base-line-height*4;
	}
}

.feature-4{
	.btn{
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		border-radius: 0;
		padding: @base-line-height/2;
		&:hover{
			transform: none;
		}
	}
	p{
		min-height: @base-line-height*5;
		&:last-of-type{
			margin-bottom: @base-line-height*2;
		}
	}
}

.feature-5{
	i{
		width: 25%;
		float: left;
	}
	.feature__body{
		width: 75%;
		float: right;
	}
	p{
		min-height: @base-line-height*3;
		&:last-of-type{
			margin-bottom: @base-line-height/2;
		}
	}
	&:not([class*='bg-']){
		color: @color-dark;
	}
}

.feature-6{
	p{
		min-height: @base-line-height*5;
		&:last-child{
			margin: 0;
		}
	}
}

.feature-7{
	height: @base-line-height*7;
	&[data-overlay]{
		&:before{
			border-radius: 6px;
			.transition(0.3s,ease);
		}
		&:hover{
			&:before{
				opacity: .75;
			}
		}
	}
	.background-image-holder{
		border-radius: 6px;
	}
	h3{
		margin: 0;
	}
	margin-bottom: 30px;
}

.row--gapless{
	.feature-7{
		margin: 0;
		border-radius: 0;
		.background-image-holder{
			border-radius: 0;
		}
		&:before{
			border-radius: 0;
		}
	}
}

@media all and (max-width: 767px){
	.feature-7{
		.pos-vertical-center{
			top: 50%;
			.translate3d(0,-50%,0);
		}
	}
}

.feature-8{
	&:not(.boxed){
		margin-bottom: 0;
	}
	padding: @base-line-height*1.5 0 @base-line-height*2 0;
	.feature__body{
		max-width: 70%;
		margin: 0 auto;
	}
	p{
		min-height: @base-line-height*3;
	}
}

@media all and (max-width: 990px){
	.feature-8{
		.feature__body{
			max-width: 85%;
		}
	}
}

@media all and (max-width: 767px){
	.feature{
		p{
			min-height: auto;
			margin-left: auto;
			margin-right: auto;
		}
		&.boxed{
			margin-bottom: 15px;
		}
		&:not(.boxed){
			margin-bottom: 30px;
		}
		&.feature-8{
			margin-bottom: 0;
		}
	}
}

.feature-8{
	img{
		max-height: @base-line-height*8;
	}
}

.feature-9{
	h4{
		margin: 0;
	}
	&:not(.boxed){
		margin-bottom: 30px;
	}
}

@media all and (min-width: 768px){
	.features-small-14{
		.text-block{
			margin-bottom: @base-line-height*2;
		}
		h4{
			min-height: 2.736842105263158em;
		}
	}
}