?
áEÓê¤ÎïLwebshll2019
.about {
padding-bottom: 0;
.row {
margin: 0;
}
[class*="col-"] {
padding: 0;
}
.about-content {
margin-top: 30px;
border-bottom: 1px solid #eee;
}
}
.about-descript {
max-width: 620px;
margin: 38px auto;
font-family: $pd;
font-style: italic;
font-size: 14px;
* {
color: #333333;
}
p {
line-height: 1.7em;
letter-spacing: 0.04em;
}
}
.about-item {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
padding: 45px 26px;
@include transition(all .3s linear);
.item-heading {
position: relative;
padding-top: 25px;
margin-top: 20px;
.icon, .fa {
position: absolute;
font-size: 36px;
color: #c4c4c4;
width: 100%;
top: 0; left: 0;
@include translateY(-50%);
}
.h6 {
font-size: 13px;
color: #515050;
margin-top: 20px;
}
}
.item-body {
max-width: 280px;
margin: auto;
}
&:hover {
background-color: #f6f6f6;
}
}
.after-hero {
padding-top: 0;
.about-content {
margin-top: 0;
}
}
.history {
.item-heading {
&:after {
content: '';
display: block;
width: 30px;
height: 1px;
background-color: #666;
margin-top: 20px;
margin-bottom: 20px;
}
}
.item-body {
* {
line-height: 2em;
}
}
.item-footer {
margin-top: 30px;
}
}
.bg-parallax, .bg-static {
~ .container {
.about-descript {
* {
color: #fff;
}
}
}
~ .about-content {
border-color: #fff;
.about-item {
border-color: #fff;
* {
color: #fff;
}
.item-heading {
.fa {
color: $color;
}
}
&:hover {
background-color: rgba(255,255,255,.2);
}
}
}
}
.bg-color {
~ .container {
.about-descript {
* {
color: #141414;
}
}
}
~ .about-content {
border-color: rgba(255,255,255,.3);
.about-item {
border-color: rgba(255,255,255,.3);
* {
color: #141414;
}
&:hover {
background-color: rgba(255,255,255,.1);
}
}
}
}