Points

mail@pastecode.io avatar
unknown
plain_text
24 days ago
3.8 kB
2
Indexable
Never
/*START - fix popup info - */

h6, h4:not(p){
    text-transform: capitalize;
}
.poi-table__filters button{
        text-transform: capitalize!important;
}
th.label{
      text-transform: capitalize;

}
div.score__help{
    .label{
        text-transform: capitalize;
    }
    span{
        text-transform: capitalize!important;
    }
    svg path{
        fill: #7C7A61!important;
        cursor: pointer;
    }
    div.tippy-box{
        background-color: #7C7A61;
        color: #fff;
        div.tippy-content  {
            background-color: #7C7A61!important;
        }
        .tippy-arrow {
            color: #7C7A61!important;
        }
    }
        .score__help-content a {
            font-weight: 400;
            color: #fff;
            text-transform: uppercase!important;
            &:hover{
                opacity: 0.8;
                &:after{
                    background-color: #fff;
                }
            }
    }
    /*START - fix link upon hover */
    .lp-link{
        text-transform: uppercase!important;
        font-weight: 400;
        position: relative!important;
        color: #fff!important;
        transition: 0.4s;
        opacity: 1 !important;
        &:hover{
            color: #fff!important;
        }
        &:before, &:after{
            transition: 0.4s;
            text-decoration: none!important;
            line-height: 1;
            content: """";
            height: 1px;
            position: absolute!important;
            bottom: 0;
            left: 0;
        }
        &:before {
            width: 100%!important;
            background-color: #ccc!important;
        }
        &:after{
            width: 0%!important;
            background-color: #fff!important; 
        }
        &:hover:after{
            width: 100%!important;
        }
}

/*END*/
}

/*END- fix popup info - */


/*START Title Width- */
h2.title.lp-h2 {
    max-width: 100%;
}

div.title {
max-width: 100%;
}
/*END Title Width- */


/*Start width buttom mobile view*/
@media (max-width: 678px) {
  .lp-btn.lp-btn--dark.lp-btn--filled{
    width: 100% !important;
  }
}
/*END*/

/*START - fix link upon hover */
.poi-table__card-title{
    text-transform: capitalize!important;
}
.poi-table__card-link{
    text-transform: capitalize!important;
  text-decoration: none;
        font-weight: 400;
        position: relative!important;
        color: #000!important;
        transition: 0.4s;
        opacity: 1 !important;
        &:hover{
            color: #000!important;
        }
        &:before, &:after{
            transition: 0.4s;
            text-decoration: none!important;
            line-height: 1;
            content: """";
            height: 1px;
            position: absolute!important;
            bottom: 0;
            left: 0;
        }
        &:before {
            width: 100%!important;
            background-color: #ccc!important;
        }
        &:after{
            width: 0%!important;
            background-color: #7C7A61!important; 
        }
        &:hover:after{
            width: 100%!important;
        }
}
/*END*/
div.scores:not(:empty){
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;

}
th.label, td{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
span.divider{
    border-left: 1px solid #000;
}

@media only screen and (max-width: 768px){
        div.poi-table > table > thead > tr{
                    padding: 20px 16px;
        }
}
th.label{
    path{
        fill: #000;
    }
}
.poi-table__filters button{
    text-transform: capitalize!important;
}
Leave a Comment