/*

Theme Name:   Salient Child
Theme URI:    .
Description:  .
Author:       .
Author URI:   .
Template:     salient
Version:      1.0.0
Text Domain:  Salient Child

*/

/*===== CONTENTS =====*/
/*
*
* Resets
* General
* Utility Classes
* Element Based CSS
* Page Based CSS
* Responsiveness
*
*/


/* # Resets */
/* # General */
/* Typography */
a {
    transition: 0.25s ease;
}

/* Icons */
.iwt-icon .icon-default-style {
    color:#fff!important;
}

/* Footer */
#footer-outer{
    background:#131818;
}

#copyright{
    border-top:1px solid #fff1
}

#footer-outer a {
    position: relative;
    display: inline-block;
    width:fit-content;
    padding-bottom:10px;
}

#footer-outer a::after {
    -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
    transition: transform .3s ease-out,border-color .3s ease-out;
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 2px solid #000;
      border-top-color: rgb(0, 0, 0);
    content: "";
    padding-bottom: inherit;
    border-color: #ffffff;
    bottom: -3px;
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.25,0,0.4,1),border-color 0.35s cubic-bezier(0.52,0.01,0.16,1);
}

#footer-outer a:hover{
    color: #fff !important;
    transform-origin: right;
}

#footer-outer a:hover::after{
    transform: scaleX(.4);
}

/* Contact Forms */

.wpcf7-form input, .wpcf7-form textarea {
    border:1px solid #fff4;
    background:#fff1;
    color:#fff;
    margin-top:5px;
}

.wpcf7-form input[type="submit"] {
    border:0;
}

.wpcf7-form .wpcf7-not-valid-tip {
    background:rgba(255, 0, 0, 0.3);
    color:#fff;
}

.wpcf7-submit {
    padding: 10px 40px!important;
    background-color: rgba(255,255,255,0.2)!important;
    border-radius: 2.5px!important;
    color: #fff!important;
}

.wpcf7-submit:hover {
    background-color: rgba(255,255,255,0.4)!important;
}

/* # Utility Classes */

.seperator__standard {
    width:2px;
    background-color: rgba(255, 255, 255, 0.1);
    height: 100%;
}

/* ## Links & Buttons */
.button__main {
    padding: 10px 40px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 2.5px;
    color: #fff;
}

.button__main:hover {
    background-color: rgba(255,255,255,0.4);
}

/* # Element Based CSS */
/* ## Auto Listings */
/* ### remove unused components */
.auto-listing span.condition, .auto-listings-single span.condition {
    display: none;
}
/* ### Core Elements */
.auto-listings-items .auto-listing {
    border-radius: 5px;
    background:#2d3939;
}

.auto-listings-items .auto-listing .highlight-new{
    background-color:rgba(255,255,255,0.8)!important;
    color:#222E2E;
}

.auto-listings-items .auto-listing h3 {
    padding-bottom:5px;
    width:100%;
}

.auto-listings-items .auto-listing h3 a{
    color:#fff;
    font-size:26px;
}

.auto-listings-items .auto-listing h3 a:hover{
    color:#fff;
    opacity: 0.8;
}

.auto-listings-items .auto-listing .at-a-glance {
    border-bottom-width:0;
    padding-bottom: 10px;
}

.auto-listings-items .auto-listing .at-a-glance li {
    padding:0;
    border-radius:2.5px;
}

.auto-listings-items .at-a-glance ul i {
    color:#fff;
    opacity: 0.8;
}

.auto-listings-items .auto-listing .price .price-amount {
    color:#fff;
    font-size: 22px;
    font-weight:700;
    margin-bottom:20px;
    display: block;
}

.auto-listings-items .auto-listing .price .state{
    background-color:rgba(255, 0, 0, 0.35);
    color: #fff !important;
    font-size: 20px;
    font-weight:700;
    margin-bottom:15px;
    margin-top:-5px;
    display: inline-block;
    padding:5px 20px;
    border-radius:2.5px;
}

.auto-listings-items .auto-listing .description p {
    text-align:left;
    font-weight:300;
    max-height: 175px;
    overflow: hidden;
    position: relative;
}

.auto-listings-items .auto-listing .bottom-wrap .al-button {
    text-align:left;
    font-weight:600;
    background:transparent;
    padding:10px 0px;
    margin-right:20px;
    border:0;
    font-size:16px;
}

.auto-listings-items .auto-listing .bottom-wrap .al-button:hover {
    color:#fff;
    opacity: 0.8;
}

.auto-listings-items .auto-listing .bottom-wrap .al-button i {
    display:none;
}

/* ### Auto listing > Inner Pages */
.auto-listings-single .entry-title {
    margin-bottom:40px;
    margin-top:40px;
}

.auto-listings-single img{
    border-radius:2.5px;
}

.lSGallery li {
    background: transparent!important;
    border-bottom-color:transparent!important;
    opacity: 0.5;
}

.lSGallery li:hover, .lSGallery li.active {
    opacity: 1;
}

.lSGallery li a {
    display: block;
}

.auto-listings-single .description p {
    border-left: 4px solid #fff4;
    padding: 20px;
    margin-bottom: 50px;
    }

.auto-listings-single .auto-listings-tabs ul.tabs li {
    padding: 0 40px;
    background-color: rgba(255,255,255,0.2)!important;
    border-radius: 2.5px;
    color: #fff!important;
    border:0;
    transition: 0.25s ease;
}

.auto-listings-single .auto-listings-tabs ul.tabs li:hover {
    background-color: rgba(255,255,255,0.4)!important;
}

.auto-listings-single .auto-listings-tabs ul.tabs li a{
    color: #fff!important;
}

.auto-listings-single .auto-listings-tabs ul.tabs li.active {
    box-shadow: none;
    background-color: rgba(255,255,255,0.4)!important;
}

.auto-listings-single .auto-listings-Tabs-panel td {
    padding: 5px 30px;
}

.auto-listings-single .auto-listings-Tabs-panel td,
.auto-listings-single .auto-listings-Tabs-panel th{
    border-bottom:1px solid #fff1;
}


.auto-listings-single .sidebar .price-amount{
    font-size:32px;
    font-family: montserrat;
    font-weight: 700;

}

.auto-listings-single .sidebar .state {
    background-color: rgba(255, 0, 0, 0.35);
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    padding: 5px 40px;
    border-radius: 2.5px;
    color:#fff;
    line-height: 1em;
    margin-bottom:10px
}

.auto-listings-single .contact-form {
    padding: 0;
    border-top: 1px solid #fff4;
    background:transparent;
    border-radius: 2.5px;
}

.auto-listings-single .contact-form h4 {
    font-size:24px;
    margin-bottom:20px;
    margin-top:20px;
}

.auto-listings-single .contact-form input, .auto-listings-single .contact-form textarea {
    border: 1px solid #fff4!important;
    background-color:#fff1;
    border-radius: 2.5px;
    color:#fff!important;
}

.auto-listings-single .contact-form button {
    padding: 10px 40px;
    background-color: rgba(255,255,255,0.2)!important;
    border-radius: 2.5px!important;
    color: #fff;
}

.auto-listings-single .contact-form button:hover {
    background-color: rgba(255,255,255,0.4)!important;
}

/* # Page Based CSS */
/* ## Home */

.home__hero-banner .vc_col-sm-8 {
    padding-top:180px;
    padding-bottom:150px!important;
}

.home__hero-banner h1, .home__hero-banner p {
    text-align: center;
}

.home__hero-banner h1{
    margin-bottom: 40px;
    font-size:42px;
}

.home__stocklist {
    padding-top:100px!important;
}

.home__discreet-offerings {
    margin-top:120px;
    padding-top:100px!important;
    padding-bottom:120px!important;
}

.home__discreet-offerings {
    text-align:center;
}

.home__discreet-offerings ul {
    margin:60px 0;
    
}

.home__discreet-offerings ul li {
    list-style-type: none;    
    display:inline-block;
    margin-right:20px;
    margin-bottom:20px;
    padding:5px 20px;
    border-bottom:1px solid rgba(255, 255, 255, 0.5);
}

.home__finance-registration-plates .grid__two-columns-with-seperator {
    display: grid;
    grid-template-columns: 1fr 2px 1fr;
    padding:120px 0;
    gap:80px;
}

.home__finance-registration-plates .grid__two-columns-with-seperator div {
    text-align: center;
}

.home__about-us {
    padding-top:100px!important;
    padding-bottom:120px!important;
}

.home__about-us h2 {
    margin-bottom: 60px!important;
}

.home__about-us .img-with-aniamtion-wrap img {
    border-radius: 2.5px;
    margin-bottom:20px;
}

.home__about-us .vc_column-inner .wpb_wrapper > div:nth-child(3) {
    margin-bottom:40px;
}

.home__about-us .vc_column-inner .wpb_wrapper > div:nth-child(3) h3{
    margin-bottom:40px;
    margin-bottom:0;
}

.home__about-us .vc_column-inner .wpb_wrapper > div:nth-child(3) p {
    opacity: 0.8;
}

.home__contact-us {
    padding-top: 100px!important;
    padding-bottom: 120px!important;
}

.home__contact-us h2 {
    margin-bottom:40px!important;
}

.home__contact-us .wpcf7-form {
    padding: 40px 0;
    border-radius: 5px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name email" "message message" "submit .";
    gap: 0 20px;
}

.home__contact-us .wpcf7-form p:nth-child(2) {
    grid-area: name;
}
.home__contact-us .wpcf7-form p:nth-child(3) {
    grid-area: email;
}
.home__contact-us .wpcf7-form p:nth-child(4) {
    grid-area: message;
}
.home__contact-us .wpcf7-form p:nth-child(5) {
    grid-area: submit;
}

.home__contact-us .vc_col-sm-4 a {
    color:#fff;
    position: relative;
    display: inline-block;
    width:fit-content;
    padding-bottom:10px;
}

.home__contact-us .vc_col-sm-4 a::after {
    -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
    transition: transform .3s ease-out,border-color .3s ease-out;
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 2px solid #000;
      border-top-color: rgb(0, 0, 0);
    content: "";
    padding-bottom: inherit;
    border-color: #ffffff;
    bottom: -3px;
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.25,0,0.4,1),border-color 0.35s cubic-bezier(0.52,0.01,0.16,1);
}

.home__contact-us .vc_col-sm-4 a:hover{
    color: #fff !important;
    transform-origin: right;
}

.home__contact-us .vc_col-sm-4 a:hover::after{
    transform: scaleX(.4);
}

.home__contact-us .vc_col-sm-4 .vc_column-inner {
    border:1px solid #fff6;
    border-radius: 5px;
    padding: 30px;
    margin-top:75px;
}

/* # Responsiveness */
@media only screen and (max-width:999px){
    .grid__two-columns-with-seperator {
        gap:40px;
    }
}

@media only screen and (max-width:765px){
    .home__finance-registration-plates .grid__two-columns-with-seperator {
        grid-template-columns: 1fr;
        grid-template-rows:1fr 2px 1fr;
    }
    .grid__two-columns-with-seperator .seperator__standard {
        width:100%;
        height:2px;
    }
    .home__contact-us .wpcf7-form {
        grid-template-columns: 1fr;
        grid-template-areas: "name" "email" "message" "submit";
    }
}