File: /home/codo66ho/.trash/assets/scss/_call-action.scss
.call_action_list {
li {
width: 20%;
float: left;
padding: 50px 35px;
position: relative;
transition: .3s all ease-in-out;
&:before {
top: 0;
right: 0;
content: '';
width: 1px;
height: 100%;
position: absolute;
background-color: #dfdfdf;
}
&:after {
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 1px;
position: absolute;
background-color: #efefef;
}
&:hover {
background-color: $base-color;
.call_action_icon {
i {
color: #fff;
}
}
.call_action_text {
p,h3 {
color: #fff;
}
}
.c-icon_bg {
i {
color: $base-color;
background-color: #fff;
}
}
}
}
.call_action_icon {
float: left;
line-height: 1;
margin-right: 15px;
i {
font-size: 50px;
color: $base-color;
transition: .3s all ease-in-out;
}
}
.call_action_text {
p {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
transition: .3s all ease-in-out;
}
h3 {
@extend%heading_style;
font-size: 30px;
transition: .3s all ease-in-out;
}
}
.c-icon_bg {
top: 25px;
right: 20px;
position: absolute;
i {
width: 35px;
color: #fff;
height: 35px;
font-size: 14px;
line-height: 35px;
transition: .3s all ease-in-out;
background-color: $base-color;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
}
}
}
.call_action_two {
background-image: url(../img/background/map.png );
padding: 120px 0px 120px 0px;
.section_title_area {
max-width: 900px;
margin: 0 auto;
h2 {
font-size: 80px;
padding: 15px 0 25px;
line-height: 1.125;
}
}
.call_action_number {
font-size: 60px;
font-weight: 100;
color: $base-color;
}
.call_action_logo {
margin-bottom: 45px;
}
.call_action_btn {
margin-top: 30px;
@extend%btn_pair;
}
}
.call_action_home_2 {
padding-top: 115px;
}
.call_action_blackhover {
.call_action_list {
li {
&:hover {
background-color: #343434;
.call_action_icon {
i {
color: $base-color;
}
}
.c-icon_bg {
i {
color: #fff;
background-color: $base-color;
}
}
}
}
}
}
.call_action_blackbg {
background-color: #343434;
.call_action_text {
h3, p {
color: #fff;
}
}
.call_action_list li:before {
background-color: #454545;
}
.call_action_list .c-icon_bg i {
color: $base-color;
line-height: 31px;
border: 2px solid #494949;
background-color: #343434;
}
.call_action_list li:hover {
background-color: #343434;
.c-icon_bg i {
color: #fff;
border: 2px solid $base-color;
background-color: $base-color;
}
.call_action_icon {
i {
color: $base-color;
}
}
}
}