File: /home/confeduphaar/www/wp-content/plugins/ova-framework/assets/css/_ova_list_link.scss
.ova_list_link{
max-width: 395px;
padding: 50px 30px 55px 30px;
@media(max-width: 767px){
max-width: 100%;
}
&.box-shadow:hover{
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
}
.title{
margin: 0 0 32px 20px;
font-size: 36px;
line-height: 40px;
color: #fff;
font-weight: 600;
}
ul.content{
margin: 0;
padding: 0;
list-style-type: none;
li{
padding: 0 20px;
transition: 0.4s;
position: relative;
&:before{
position: absolute;
content: '';
width: 100%;
height: 1px;
background: #fff;
top: -1px;
left: 0;
visibility: hidden;
opacity: 0;
transition: 0.8s;
}
&:after{
position: absolute;
content: '';
width: 100%;
height: 1px;
background: #fff;
bottom: 0px;
left: 0;
visibility: hidden;
opacity: 0;
transition: 0.8s;
}
&:hover{
background: #fff;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.05);
&:before, &:after{
visibility: visible;
opacity: 1;
}
a{
border-bottom: none;
color: #202b5d;
svg{
color: #202b5d;
}
}
}
&:not(:last-child){
a{
border-bottom: 1px solid rgba(238,238,238,0.25);
}
}
a{
font-size: 18px;
line-height: 1.2;
color: #fff;
font-weight: 600;
position: relative;
display: flex;
justify-content: space-between;
padding: 13px 0 11px 0;
&:hover{
.icon-hover{
right: 0px;
opacity: 1;
}
.icon{
opacity: 0;
}
}
.icon{
transition: 0.4s;
}
.icon-hover{
position: absolute;
top: 50%;
right: 20px;
transition: 0.8s;
transform: translateY(-50%);
opacity: 0;
}
svg{
width: 18px;
color: rgba(255,255,255,0.5);
}
}
}
}
}