/***********************************************************************
Theme Name:      Darwin Automotive Demo Child Theme
   Description:     Custom Darwin Automotive Dealer Listings
   Theme URI:       https://demo.darwinautomotive.com
   Version:         2.4
   Author:          David Cate
   Author URI:      https://darwinautomotive.com
   Support:         http://support.themesuite.com/
   License:         GNU GPL
   Tags:            automotive listings, cta buttons
   License URI:     http://demo.themesuite.com/automotive-wp/License/
   Template:        automotive

   Place custom CSS below this line
***********************************************************************/


/***********************************************************************
HOME Styles
***********************************************************************/
#manufacturer-brands .attachment-full:hover{filter:brightness(150%);}

/***********************************************************************
SRP Styles
***********************************************************************/
.my-dropdown .data-darwinref-dropdown .sbSelector  {display:none !important;}
tr.listing_category_im-inventory {display:none !important;}
tr.listing_category_invoice {display:none !important;}
tr.listing_category_dealer-discount {display:none !important;}
.inventory .title {position: relative;white-space: normal;overflow: hidden;left: 480px; padding-top: 9px;margin-bottom: 8px;max-width: 400px;font-size: 24px;font-weight: 600;color: #188bca;clear: right;padding-bottom: 5px;line-height: 28px;}


div.inventory .options-primary {position: relative;left: 480px;top: 20px;float: left;width: 100px;border: 0;table-layout: fixed;margin: auto;font-size: 12px;display: inline-block;background: rgba(0,0,0,0);text-shadow: none;box-shadow: none;}

div.inventory tr {max-width:100px; background-color:transparent;padding:10px;}

div.inventory .options-secondary {display:none;position: relative;left: 425px;top: -5px;float: left;width: 200px;border: 0;table-layout: fixed; margin: auto auto 35px auto;font-size: 12px;color: violet;display: inline-block;background: rgba(0,0,0,0);text-shadow: none;box-shadow: none;
}

a.inventory {display: block; width: 100%; height: 100%;min-height: 365px;top: 0;left: 0;background-image: url(../images/empty.png);padding:20px 10px;z-index: 1;text-decoration: none;}

a.inventory .preview {width: 450px;height: 337px;}

.price {min-width:200px; text-align:-center;background-color:#f5f5f5;position: absolute;margin: 20px 0 0 0;padding:10px;-webkit-border-radius: 9px 9px 0 0;-moz-border-radius: 9px 9px 0 0;border-radius: 9px 9px 0 0;right: 20px;float: right;color: #3d3d3d;top: 50px;}	

.figure.msrp {position: relative;margin: 0;font-weight: 400;font-size: 20px;top: 4px;color: #999999;line-height: 30px;}
.current-price {font-weight: 500;font-size: 16px;color: black;}
.current-price .figure.dealer-price {font-weight: 600;font-size: 24px;color: green;}

.view-details {position: absolute;top: 130px;border-radius: 5px;height: 26px;line-height: 14px;padding-left: 9px;padding-right: 9px;}
.view-details img {width:215px !important; height:auto; margin: .1em auto;}
.view-details img:hover {filter: saturate(800%); filter: brightness(120%);}


.gradient_button{background-color: #f9f9f9;-webkit-border-radius: 9px 9px 0 0;-moz-border-radius: 9px 9px 0 0;border-radius: 9px 9px 0 0;text-indent: 0; border: 1px solid #dcdcdc; display: block;color: blue; font-family: Montserrat, 'Helvetica Neue', Helvetica, sans-serif;font-size: 14px;font-weight: 600;font-style: normal;height: 30px;line-height: 22px;text-decoration: none;text-align: center;text-shadow: 1px 1px 0 #ffffff;padding: 4px 8px 2px 8px;}




/***********************************************************************
                                SRP MEDIA QUERIES
***********************************************************************/

/* For SmartPhone Screens */
@media screen and (max-width: 768px) {

	.row.generate_new .car_listings.row {max-width: 100vw; margin:0 auto;padding:0;}
	
	div.inventory {min-height:625px; overflow: visiblefill; vertical-align:top; align-content:center;}
	.inventory .title {padding:10px auto; font-size: 26px; v font-weight: 700; color: #188bca;}

	div.inventory .options-primary {display:none !important;}
	div.inventory .options-secondary {display:none !important;}

	.preview {border: 2px solid #ffffff;}
	
	a.inventory .preview {left:0; top:0; width:350px; height:262px; margin:1em auto;}
	
	.car_listings div.inventory .price {left: 20px;right:20px;top: 350px; padding: 10px 20px; height:50px; margin: 1em auto;
    
}

	.original_price {visibility:hidden; display:none !important;}
	.msrp {visibility:hidden; display:none !important;}
	
	.current-price {display:inline; font-weight: 300;font-size: 16px;color: black;}
	.current-price .figure {display:inline; font-weight: 700;font-size: 18px;text-align:right;}
	
	div#dcta{left:48px; top:420px;}
	.view-details {height: 26px;line-height: 14px;padding-left: 9px;padding-right: 9px;}
	.view-details img {width:215px !important; height:auto; margin: .1em auto;}
	.view-details img:hover {filter: saturate(800%); filter: brightness(130%);}

}



/***********************************************************************
VDP Styles
***********************************************************************/
.darwin-cta {margin:0; padding: 20px 15px; text-align:center; 
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 19%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(19%, #fefefe), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #fefefe 19%, #dedede 100%);
    background: -o-linear-gradient(top, #fefefe 19%, #dedede 100%);
    background: -ms-linear-gradient(top, #fefefe 19%, #dedede 100%);
    background: linear-gradient(to bottom, #fefefe 19%, #dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede', GradientType=0 );
    border-radius: 5px;
    border: 1px solid #fff;
    margin-left: 2px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(204,204,204,0.75);
    -moz-box-shadow: 1px 1px 5px 0 rgba(204,204,204,0.75);
    box-shadow: 1px 1px 5px 0 rgba(204,204,204,0.75);
}

/*#dcta img {width:215px !important; height:auto; margin: .1em auto;cursor: pointer;}*/
/*#dcta img:hover {filter: saturate(800%); filter: brightness(120%);}*/

#dcta img {width: 220px !important;
height: 48px;
margin: 0 0 3px;
cursor: pointer;
object-fit: cover;
object-position: top left;}
#dcta img:hover { object-position: bottom; }

/***********************************************************************
VDP Sidebar Widget Styles
***********************************************************************/
.sell_car_quote {
	width:100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.5);  /* 50% transparent */
    padding: 50px 25px !important;
}
.DOLWidget {margin:0; text-align:center;}
.DOLWidget_wrapper {
	min-height:730px !important;
	overflow:hidden !important;
/* 	margin: 1rem auto!important; */
	padding: 10px 3px !important;
	text-align:center; 
    background: #fefefe !important;
    background: -moz-linear-gradient(top, #fefefe 19%, #dedede 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(19%, #fefefe), color-stop(100%, #dedede)) !important;
    background: -webkit-linear-gradient(top, #fefefe 19%, #dedede 100%) !important;
    background: -o-linear-gradient(top, #fefefe 19%, #dedede 100%) !important;
    background: -ms-linear-gradient(top, #fefefe 19%, #dedede 100%) !important;
    background: linear-gradient(to bottom, #fefefe 19%, #dedede 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede', GradientType=0 );
    border-radius: 5px !important;
    border: 1px solid #ffffff !important;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(204,204,204,0.75) !important;
    -moz-box-shadow: 1px 1px 5px 0 rgba(204,204,204,0.75) !important;
    box-shadow: 1px 1px 5px 0 rgba(204,204,204,0.75) !important;
}