div#capabilities-list {
    margin-top: 25px;
}
.capability-title {
        padding: 15px 20px 14px 75px;
    background: #000000;
   cursor: pointer;
    background-image: url(/wp-content/uploads/plus.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1em) 50%;
        position: relative;
}

.capability-title:hover {
  opacity: 0.8;
}

.icon-1:before {
   content: "";
    background-image: url(../img/icons/Engine_Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-3:before {
   content: "";
    background-image: url(../img/icons/Hydraulic-Actuation-Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.icon-4:before, .icon-1080:before {
   content: "";
    background-image: url(../img/icons/Cooling-System-Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.icon-5:before,  .icon-13:before {
   content: "";
    background-image: url(../img/icons/Transferbox-Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-8:before {
   content: "";
    background-image: url(../img/icons/Brakes-Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-7:before {
   content: "";
    background-image: url(../img/icons/Steering-Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.icon-151:before {
   content: "";
    background-image: url(../img/icons/Air-Con-Icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 17px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



.capability-title.open {
    background-image: url(/wp-content/uploads/minus.svg);
}

.vehicle-capability-cont {
     margin-bottom: 20px;
}

.vehicle-capability-content {
      padding: 2em;
      background: #eaeaea;
}

.capability-title h3 {
  margin: 0;
      color: white;
}

.product-recommendation h4 {
      font-size: 1.3em;

}

.product-recommendation hr.wp-block-separator {
    background: #eda617;
    width: 60px;
    margin-left: 0;
    margin-bottom: 1.6rem;
    padding: 0.06rem;
}

.vehicle-images {
    display: inline-block;
    vertical-align: middle;
}

.vehicle-title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.vehicle-further-details {
      padding: 20px;
    background: #eaeaea;
}

.vehicle-further-details ul {
  margin-bottom:0;
}

.alignwide>div:first-of-type.lookup-results {
    padding-top: 0;
}

.disclaimer {
  margin-top: 30px;
}

.product-recommendation {
    margin: 2em 0em 0em 0em;
    padding: 2em;
    border-radius: 11px;
    background: white;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,228,185,1) 100%, rgba(236,159,5,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,228,185,1) 100%, rgba(236,159,5,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,228,185,1) 100%, rgba(236,159,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ec9f05",GradientType=1);
}

.product-recommendation p:last-child {
  margin-bottom: 0;
}

.search-container select {
       width: calc((99% / 3) - 0.7em);
}

select#lookup-make {
    margin-right: 1em;
}

select#lookup-model {
    margin-right: 1em;
}

.vehicle-capability-content {
  display: none;
}

a.search-result {
  display: block;
    padding: 10px 10px;
    border-bottom: 1px solid #cecece;
    background: #ffffff;
    margin-bottom: 0px;
    color: var(--base);
}

.search-filter-container .wp-block-group__inner-container{
  max-width: 850px !important;
  padding-top: 0 !important;
}

.search-filter-container {
    margin-top: 50px;
}

.search-filter-container input[type="submit"]{
    border: 1px solid var(--secondary);
}

a.search-result span {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
}

a.search-result:hover {
  background: #eaeaea;
}

.facet-filter {
    background: #eaeaea;
    margin-bottom: 15px;
}

.facet-filter-title {
    background: black;
    color: white;
    padding: 10px;
    font-weight: 500;
}

.facet-filter-content {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    max-height: 150px;
    overflow-y: auto;
}


.facet-filter-content input[type="checkbox"]{
  margin-right: 10px;
}

.facet-filter-content label {
    color: var(--base);
    margin-bottom: 4px;
    display: block;
    cursor: pointer;
}


.loading-icon {
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


img.product-img {
   width: 220px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    padding: 20px;
    background: white;
    border: 2px solid #d5d5d5;
}

.product-recommendation-details {
     display: inline-block;
     vertical-align:middle;
}

span.count {
    float: right;
    font-size: 12px;
}

.product-recommendation p:last-of-type {
    margin-bottom: 0;
}


.product-recommendation-link.active{
    display:block;
}

.product-recommendation-link{
    display:none;
}

.useConditionsButtons span {
    background: black;
    color: white;
    margin-right: 15px;
    padding: 5px 12px;
    cursor: pointer;
    display:inline-block;
}

.useConditionsButtons span:hover {
    opacity: 0.8;
}

.useConditionsButtons span.active {
    background:#eda617;
}

.useConditionsButtons {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #cfcfcf;
}

.useConditionsButtons p {
margin-bottom: 9px;
    font-size: 13px;
    color: #696969;
}


@media (max-width:768px){

    .search-container select {
        width: 100%;
    }

    select#lookup-make {
        margin-right:0;
    }

    select#lookup-model {
        margin-right: 0;
    }

    .capability-title h3 {
        font-size: 1.2em;
    }

    .capability-title {
            background-size: 15px;
            background-position: calc(100% - 0.5em) 50%;
                padding: 15px 20px 14px 64px;
        }

        .icon-151:before, .icon-7:before, .icon-8:before,.icon-5:before,  .icon-13:before, .icon-4:before, .icon-1080:before, .icon-3:before, .icon-1:before  {

            width: 30px;
            height: 30px;
        }


}


@media (max-width:540px){

    .vehicle-filter-container .is-content-justification-center.wp-block-buttons {
            display: block;
        }

        .wp-block-button.cars-filter {
            width: 100%;
            display: block;
            margin-bottom: 14px;
        }

        .search-filter-container form {
    max-width: 100%;
}
}