File "services.less"

Full Path: /home/fineflavourcocoa/public_html/wp-content/themes/grd/css/services.less
File size: 2.7 KB
MIME-type: text/x-asm
Charset: utf-8

.no-padding {
	padding: 0;
}

.no-border {
	border: none;
}

.grd-service{
	.type-service{
		margin-bottom: 1.875em;
		transition: 0.5s;

		.entry-header{
			position: relative;
			padding: 2.3em 2.5em 2em 2.5em;
			border: 1px solid @border;
			border-bottom: none;

			.entry-meta{
				.meta-date{
					margin-top: 0;
				}
			}

			.entry-title{
				margin: 0;
				font-weight: 500;
				font-size: 1.250em;
			}

			.service-icon{
				position: absolute;
				top: 22px;
				right: 1.875em;
				width: 4em;
				height: 4em;
				line-height: 4.8;
				text-align: center;
				border-radius: 50%;
				color: @light;
				background: @primary-color;
				transition: 0.5s;
				z-index: 1;

				svg{
					font-size: 32px;
				}
			}

			a{
				display: inline-block;
			}

			p{
				margin: 0;
			}

			i{
				&:before{
					font-size: 1.875em;
				}
			}
		}

		.entry-thumbnail{
			position: relative;

			> :before{
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				width: 100%;
				height: 100%;
				background: rgba(16, 46, 25, 0.8);
				opacity: 0;
				transition: .5s;
			}
		}

		.entry-content{
			.descr{
				padding: 2.3em 2.5em 2em 2.5em;
				border: 1px solid @border;

				p{
					margin-bottom: 0;
				}
			}
		}

		&:hover{
			.service-icon{
				top: 77px;
			}

			.entry-thumbnail{
				:before{
					opacity: 1;
				}
			}
		}
	}

	.paging-navigation{
		padding-top: 2em;
	}
}

.service-col-2{
	&.grd-service{
		.type-service:nth-child(2n+1){
			clear: both;
		}
	}
}

.service-col-3{
	&.grd-service{
		.type-service:nth-child(3n+1){
			clear: both;
		}

		.blog-wrapper-col-2:nth-child(3n+1){
			clear: none;
		}
	}
}

.service-col-4{
	&.grd-service{
		.type-service:nth-child(4n+1){
			clear: both;
		}
	}
}

.single-service{
	.primary-sidebar{
		.widget{
			margin-bottom: 3.125em;
		}

		.widget_categories{
			ul{
				border-radius: 0.5em;
				border-top: 2px solid @primary-color;
				border-bottom: 2px solid @primary-color;

				li{
					padding: 0.8em 0;
					border:none;
					border-bottom: 1px solid #f2f2f2;

					a{
						color: @gray-dark;

						&:hover{
							color: @primary-color;
						}
					}
				}
			}
		}
	}
}
.brochures{
	border-radius: 0.5em;
	border-top: 2px solid @primary-color;
	border-bottom: 2px solid @primary-color;
	display: inline-block;

	> div{
		padding-top: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid @border;
		color: #dadada;

		> div{
			line-height: 1;
			margin-right: 1em;
		}

		i{
			&:before{
				font-size: 2.5em;
			}
		}

		&:last-child{
			border: none;
		}

		a{
			color: @gray-dark;
		}

		.title{
			font-weight: 500;
			margin-bottom: 0.625em;
		}

		&:hover{
			i, a{
				color: @primary-color;
				text-decoration: none;
				transition: 0.5s;
			}
		}
	}
}