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;
}
}
}
}