/*
 Theme Name: CarListings Child
 Template: carlistings
 */
@import url("../carlistings/style.css");
@import url("./style-child.css");

:root{
	--nb-red: #b50001;
	--font-body-family: "Open Sans", sans-serif;
	--font-heading-family: Assistant, sans-serif;
	--font-body-scale: 1.0;
	--font-heading-scale: 1.0;
}

.page-title{
    display:none;
}

#colophon {
    bottom: 0;
    position: fixed;
}

/*
.status{
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
}

.status::before,
.status::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}


.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}
*/
.listing-no-sidebar .auto-listings-items:not(.grid-view) .title {
    margin-top: 0px;
}


@media (max-width: 1279px) {
    .container {
        padding: 0px 10px;
    }
	
	.site-header > .container {
		padding: 25px 25px;
		display: inline-block;
	}
	
	.site-branding {
		display: inline-block;
	}
	
	.main-navigation {
		display: inline-block;
		float: right;
	}
	
	.auto-listings-items.grid-view .at-a-glance {
        display: none;
    }
	
}


@media (max-width: 700px) {
	.auto-listings-items .summary .title {
		font-size: 15px;
		font-weight: 700 !important;
        font-style: normal !important;
		text-transform: none !important;
    }
	
	.auto-listings-items .summary .price-amount {
		font-size: 14px ;
		font-weight: 600 !important;
		font-style: normal !important;
		text-transform: none !important;
	}

    
}
@media (max-width: 650px) {
	
	#tested-cars {
		font-size: x-small !important;
	}

	.auto-listings-search {
        text-align: center;
    }
	
	.auto-listings-search .field .prefix {
        font-size: 30px;
        font-weight: 600;
    }

    .auto-listings-items li.auto-listing.type-auto-listing {
        /* margin-right: 0; */
        margin: 2px;
        width: 46% !important;
        margin-bottom: 20px;
    }

    .auto-listings-items .summary .title {
        
		font-size: small ;
		font-family: "Open Sans", sans-serif;
		font-weight: 200;
		font-style: normal;
		text-transform: none;
    }
	
	.auto-listings-items .summary .price-amount {
        
		font-size: small ;
		font-family: "Open Sans", sans-serif;
		font-weight: 200;
		font-style: normal;
		text-transform: none;
    }
	
	

    .auto-listings-items.auto-listings-items li.auto-listing .price {
        font-size: medium;
        font-weight:100;
    }

    .auto-listings-items.grid-view > li .summary {
        padding: 0 5px;
    }

    .auto-listings-items .bottom-wrap a.al-button {
        text-transform: uppercase;
        background-color: #e11e30;
        font-size: small;
        font-weight: 200;
        border-color: #e11e30;
        padding: 5px 7px;
        border-radius: 5px;
    }

    .auto-listings-items.grid-view .at-a-glance {
        display: none;
    }

    .listing-no-sidebar .auto-listings-items.grid-view .bottom-wrap {
        bottom: -20px;
        z-index: 1;
    }

    .auto-listings-items.auto-listings-items li.auto-listing .price {
        margin-bottom: 5px;
    }
	
	.auto-listings-items li .status {
		font-size: xx-small;
		font-weight: 400;
	}
	
	#price-slider {
		width: 70%;
	}
   
   
   .site-content .auto-listings-search .area {
		width:100%;
	}
	
	
}


	.row .price-wrap {
		text-align: center !important;
	}


#tested-cars {
		font-size: 15px;
	}

	
#price-slider {
	margin: 0 auto;
    display: block;
}
/*
*	Title
*/
/*
    .auto-listings-items li .summary .title {
        
        overflow: hidden;
        text-overflow: inherit; 
        max-width: 100%;
        
        max-width: 100%; 
		word-wrap: break-word;
		overflow-wrap: break-word;
    }
	
	
	

	.title {
		max-width: 100% !important; 
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		overflow: hidden !important;
	}
*/
	.auto-listings-items.grid-view li .summary .title {
		white-space: normal;
		overflow: hidden;
		text-overflow: inherit;
		display: inline-block;
		max-width: 100%; 
		word-wrap: break-word;
		overflow-wrap: break-word;
		line-height:1;
		
		
	}
	.auto-listings-items .summary .title {
        
		font-size: 15px;
		font-family: "Open Sans", sans-serif;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
    }
	
	.auto-listings-items .summary .price-amount {
        
		font-size: 14px;
		font-family: "Open Sans", sans-serif;
		font-weight: 600;
		font-style: normal;
		text-transform: none;
    }
/*
*	Title end
*/

/*
* Listing formatting
*/
.auto-listings-items.grid-view li.col-2 {
    width: 48%;
    margin-right: 3%
}

.auto-listings-items.grid-view li.col-3 {
    width: 31.3333%;
    margin-right: 2%
}

.auto-listings-items.grid-view li.col-4 {
    width: 23%;
    margin-right: 1%
}

.auto-listings-items.grid-view li.col-4 .title {
    font-size: 15px;
    padding-top: 5px;
}

/*
* Listing formatting
*/
.auto-listings-items .price {
	font-family: var(--font-body-family);
    font-size: medium;
    line-height: 1.4;
    color: #3d414e;
	font-family: var(--font-body-family);
}
.auto-listings-items.grid-view .price {
	font-family: var(--font-body-family);
	font-size: medium;
    margin-bottom: 5px;
    display: block;
}

.auto-listings-items.grid-view > li .summary {
    padding: 0 5px;
}

.custom-logo {
	height: 50px;
	width: 50px;
	display: inline-block;
}

.site-title {
	display: inline-block;
}

.auto-listings-items.grid-view > li {
    margin-bottom: 50px;
    overflow: inherit;
    box-shadow: none;
    border-top: none;
	transition: height 0.3s ease, 0.3s ease;
}

.auto-listings-items.grid-view > li:hover {
    /*margin-bottom: 50px;*/
    overflow: inherit;
    box-shadow: 0 15px 20px rgb(0 0 0 / 0.2);
    border-top: none;
}

.auto-listings-items li .status {
    background: rgba(255, 255, 255, .9) none repeat scroll 0 0;
    color: #333;
    position: absolute;
    top: 0;
	bottom: auto;
	font-weight: 400;
}

.noUi-connect {
    background: var(--nb-red) !important;
}