/* Custom CSS - 09202024 */
.header-inner,
.header-footer-group,
.BG, .BG img.BG_iMG,
.autolist-search-box br,
.autolist-search-box .page-title { display:none !important; }
	
html, body { background: #ebe7e6; }
::-moz-input-placeholder { /* Edge 12-18 */
	color: red;
}
::-webkit-input-placeholder { /* Edge 12-18 */
	color: red;
}
::placeholder {
	color: red;
}

a.MAI-Logo, a.MAI-Logo img {
	display: block; width: 250px; margin: 20px auto; position: relative; z-index: 2;
}

h1.entry-title, h2.entry-title { font-size:35px; font-weight:600; }
.single.single-auto-listing h1.entry-title { margin:30px 0 0; }

/*-------*/
.autolist-search-box .page-description { position:relative; padding:40px 0; background:url("/wp-content/uploads/2025/01/Hero-4.jpg")no-repeat center center / cover; }
.autolist-search-box .page-description p { margin:0; }

.autolist-search-box form.auto-listings-search { 
	position:relative; z-index:2;
	padding: 15px 15px 20px; display:flex; flex-direction:column; align-items:center;
	background: rgba(255,255,255, 0.15); max-width: 600px; margin: auto; display: block;
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); -moz-backdrop-filter: blur(8px);
}
.autolist-search-box form.auto-listings-search * { color:white; }

.autolist-search-box form.auto-listings-search .row {
	margin:8px 0;
	display: flex; align-items: center; flex-wrap: wrap; justify-content: center;
}
.autolist-search-box form.auto-listings-search .extras-wrap { display:none; margin-bottom:0; }

.auto-listings-search .SumoSelect,
.auto-listings-search .price-wrap .SumoSelect { width:150px;  }
.auto-listings-search .SumoSelect .SelectBox,
.auto-listings-search .price-wrap .SumoSelect .SelectBox { padding:5px 12px; }

.auto-listings-search .row .field { display:flex; align-items:center; }
.auto-listings-search .row .field .prefix {
	font-size: 16px; font-weight: 300; margin: 0 0 2px; display: block;
}

.auto-listings-search .SelectBox * {
	font-weight: 500; font-size: 17px; text-align: left;
}
.SumoSelect>.optWrapper>.options { background:rgba(0,0,0,0.85); }
.SumoSelect>.optWrapper>.options li.opt,
.SumoSelect>.optWrapper>.options li label { margin:0; border:none; }
.SumoSelect>.optWrapper>.options li.opt:hover { background:rgba(0,0,0,1); }

.SumoSelect>.CaptionCont>label  { width:20px; margin:0 5px 0 0; background:url("https://myautoimports.ca/sell/wp-content/uploads/2024/09/Arrow.png")no-repeat center center / 10px; }
.SumoSelect>.CaptionCont>label * { opacity:0 !important; }

.SumoSelect.open>.optWrapper { top:100%; }

.auto-listings-search .price-wrap .SumoSelect>.optWrapper { width:150px; }

.auto-listings-search .row.area-wrap { align-items:inherit; }
.auto-listings-search .row.area-wrap .field,
.auto-listings-search .row.area-wrap .al-button { color:white; height:40px; line-height:40px; display:block; margin:0; padding:0 12px; border:none; }
.auto-listings-search .row.area-wrap .field  { font-weight:500; background:rgba(255,255,255,0.15); }
.auto-listings-search .row.area-wrap .al-button  { font-weight:700; background:#da460a; }

.autolist-search-box form.auto-listings-search a.refine {
	text-transform: uppercase; font-size: 14px; background: rgba(0, 0, 0, 0.5); border:1px solid #da460a;
	display:inline-block; margin:15px 0 0; padding: 10px;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.autolist-search-box form.auto-listings-search a.refine,
.autolist-search-box form.auto-listings-search a.refine * { color:#da460a; }

.autolist-search-box form.auto-listings-search .extras-wrap .field { width:auto; margin:0 0 6px; display:inline-block; }

.autolist-listing { padding:40px; } 
.auto-listings-items { max-width:1200px; margin:auto; }
.auto-listings-items.grid-view { display:block; }

.auto-listings-items>li { 
	overflow:hidden;
	box-shadow:none !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
.auto-listings-items li .image img { width:100%; height:200px; object-fit:contain; background:#cecbca; }
.auto-listings-items.grid-view li .summary .title, .auto-listings-items.grid-view li .summary .title a {
	display: block; font-size: 25px; color:#da460a; text-decoration: none;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	margin: 0 0 3px;
}

.auto-listings-items .at-a-glance ul li.body, .auto-listings-items .at-a-glance ul li.body * {
	color: #da460a; text-decoration: none; font-weight: 500;
}
.auto-listings-items span.price, .auto-listings-items span.price * {
	color: #000000; font-weight: bold; margin: 0 4px 2px 0; display: flex;
}
.auto-listings-items .description {
	padding: 0; margin: 8px 0; height:100px; overflow:hidden; font-size: 15px;
}
.auto-listings-items .bottom-wrap a.al-button {
	background: #da460a; border: 2px solid #da460a;
}
.auto-listings-items .bottom-wrap a.al-button:hover {
	color:#da460a; background: white; border: 2px solid #da460a;
}
/*-------*/


/*-------*/
.auto-listings-ordering,
.auto-listings-view-switcher,
.auto-listings .sidebar { display:none !important; }

.single .sidebar,
.single.single-auto-listing .sidebar { display:block !important; }

.single .has-sidebar,
.single.single-auto-listing .has-sidebar { width:66.6667%; float:left; padding:0 50px 0 0; }


.has-sidebar, .sidebar { margin:30px 0 0; }
.has-sidebar { padding:0 50px 0 0; }


.auto-listings .has-sidebar { 
	float: none; width: 100%; overflow: auto; padding: 0; 
}

.single-auto-listing .auto-listings-single {
    display: block; max-width: 1200px; margin: auto;
}
.single-auto-listing .auto-listings-single.listing {
    display: flex; flex-wrap: wrap; align-items:flex-start;
}


/*
.auto-listings-single .lSSlideWrapper .lightSlider,
.auto-listings-single .lSSlideWrapper .lightSlider img { max-width:100% !important; width:100% !important; }  
*/
.auto-listings-single .lSSlideWrapper .lightSlider { height:auto !important; background:white; display:flex; }
.auto-listings-single .lSSlideWrapper .lightSlider li { margin:0; }
.auto-listings-single .lSSlideWrapper .lightSlider img {  width:100% !important; height: 100% !important; max-height:500px; object-fit: contain; } 

.lSAction > .lSPrev,
.lSAction > .lSNext { 
	width: 50px; height: 50px; background: rgba(0,0,0,0.75); padding:0 0 3px 0; text-decoration:none;
    display: flex; align-items: center; justify-content: center;
}

.lSSlideOuter .lSPager.lSGallery { 
	width:100% !important; transform:translate(0, 0) !important;
	display: flex; flex-wrap: wrap; justify-content: center;
}
.lSSlideOuter .lSPager.lSGallery li { width:110px !important; height:75px !important; padding:5px; margin:5px !important; }
.lSSlideOuter .lSPager.lSGallery li a,
.lSSlideOuter .lSPager.lSGallery li a img { width:100px !important; height:65px !important; object-fit:cover; display:block; }
.lSSlideOuter .lSPager.lSGallery li.active { background: #da460a !important; }

.auto-listings-single .image-gallery .lSPager.lSGallery li.active, .auto-listings-single .image-gallery .lSPager.lSGallery li:hover, .auto-listings-search .area-wrap .area:focus, .auto-listings-search .area-wrap .area:active { border:none !important; }


.autolist-listing { padding:40px; } 
.auto-listings-items { max-width:1200px; margin:auto; overflow:auto; }
.auto-listings-items.grid-view { display:block; }

.auto-listings-items>li { 
	overflow:hidden;
	box-shadow:none !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
.auto-listings-items.grid-view li .summary .title, .auto-listings-items.grid-view li .summary .title a {
	display: block; font-size: 25px; color:#da460a; text-decoration: none;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	margin: 0 0 3px;
}

.auto-listings-items .at-a-glance ul li.body, .auto-listings-items .at-a-glance ul li.body * {
	color: #da460a; text-decoration: none; font-weight: 500;
}
.auto-listings-items span.price, .auto-listings-items span.price * {
	color: #000000; font-weight: bold; margin: 0 4px 2px 0; display: flex;
}
.auto-listings-items .description {
	padding: 0; margin: 0; font-size: 15px;
}
.auto-listings-items .bottom-wrap a.al-button {
	background: #da460a; border: 2px solid #da460a;
}
.auto-listings-items .bottom-wrap a.al-button:hover {
	color:#da460a; background: white; border: 2px solid #da460a;
}

.has-sidebar .auto-listings-items .bottom-wrap { display:flex; align-items:center; }
.has-sidebar .auto-listings-items .bottom-wrap > * { margin:0 20px 0 0 !important; }


.auto-listings-single .image-gallery { margin-bottom: 15px; }

.auto-listings .auto-listings-tabs ul.tabs,
.auto-listings .auto-listings-tabs ul.tabs li  { margin:0; padding:0; display:flex; background:transparent; border:none; box-shadow:none !important; }

.auto-listings .auto-listings-tabs ul.tabs { border-bottom:1px solid #dcd7ca; }
.auto-listings .auto-listings-tabs ul.tabs li { border-bottom:4px solid rgba(0,0,0,0); margin:0 15px -1px 0; }
.auto-listings .auto-listings-tabs ul.tabs li a { font-size:15px; padding:10px 20px; text-transform:uppercase; }

.auto-listings .auto-listings-tabs ul.tabs li.active { border-bottom:4px solid #da460a; }
.auto-listings .auto-listings-tabs ul.tabs li.active a { color:#da460a; }

.auto-listings .auto-listings-tabs .panel {
    display: block; border: 1px solid #dcd7ca; border-top:none;
	padding:25px;
}
.auto-listings .auto-listings-tabs .panel h4,
.sidebar h4 {
    margin: 0 0 20px; font-size: 25px; color:#000000;
}

table.table { border:0px solid #dcd7ca; margin:15px 0 !important; }
table.table th,
table.table td { border:none; background:rgba(255,255,255,0.35); }

table.table tr:nth-child(2n + 2) th,
table.table tr:nth-child(2n + 2) td { background:rgba(255,255,255,0.85); }


.auto-listings .sidebar { 
	width:33%; padding:25px; background:#ffffff;
}
.auto-listings .sidebar h4 { margin:0 0 5px; }
.auto-listings .sidebar > div {
    margin: 0 0 30px !important;
}
.auto-listings-single .at-a-glance ul li { margin:2px 0; } 
.auto-listings-single .at-a-glance ul li * { line-height:24px !important; }

.auto-listings-single .contact-form { padding:0; background:transparent; }
.auto-listings .sidebar form.rwmb-form { margin:10px 0 0; }
.rwmb-button {
	padding: 12px 20px; font-size: 15px; background:#da460a;
}

/* Custom CSS - 12172024 */
.header .nav-bar .col-md-12 {
    display: flex; justify-content:center; align-items: center;
}
.header .nav-bar .menu .menu-item:last-child { display:none; }

.header .nav-bar .BookNow button {
    background: transparent; border: 2px solid white; outline: none; color: white; text-transform: uppercase; font-size: 14px; font-weight: 500; padding: 3px 10px; cursor:pointer;
}
.header .nav-bar .BookNow button:hover {
    background: white; border: 2px solid white; color: #424242;
}

/* 01312025 */
.auto-listings-view-switcher, nav.auto-listings-pagination {
    display: flex; float: none; justify-content: center;
}

div#back-button-div {
    position: absolute; left: 0; right: 0; top: 33px; max-width: 1200px; margin: auto; z-index: 1;
}
div#back-button-div a {
    text-transform: uppercase; font-size: 75%; font-weight: bold; text-decoration: none; padding: 3px 6px; border: 2px solid #cd2653;
}
div#back-button-div a:hover { background:#cd2653; color:white; }


@media screen and (max-width:1199px) {

	.single-auto-listing,
	div#back-button-div  { padding: 0 25px; }

}

@media screen and (max-width:1025px) {
	body, p, a, table.table th, table.table td { font-size:15px; line-height:1.2; }
	
	.auto-listings-items.grid-view { display:flex; justify-content:space-between; flex-wrap:wrap; }
	.auto-listings-items.grid-view li.col-3 {
		width: 48.5%; margin:0 0 20px;
	}
	
	h1.entry-title, h2.entry-title { font-size: 28px; }
	.auto-listings .auto-listings-tabs .panel h4, .sidebar h4 { font-size: 21px; }
	
	.auto-listings .has-sidebar { padding: 25px; }
	.single .has-sidebar, 
	.single.single-auto-listing .has-sidebar { padding: 0 25px 0 0; }
	
	.auto-listings .auto-listings-tabs .panel { padding:15px; }


}

@media screen and (max-width:768px) {
	
	a.MAI-Logo, a.MAI-Logo img {
		width: 200px; margin: 15px auto;
	}
	div#back-button-div {
    	position: relative; top:0; text-align: center; padding: 10px !important;
	}
	
	.autolist-search-box .page-description { padding:25px 15px; }	
	.autolist-search-box form.auto-listings-search .row { width:100%; flex-direction:column; }
	.auto-listings-search .row .field { width:100%; }
	.auto-listings-search .row .field .prefix {
		font-size: 14px; margin: 0 20px 2px 0; white-space: nowrap; width: 30%;
	}
	.autolist-search-box form.auto-listings-search * { font-size:15px; }
	.auto-listings-search .row .field.min-price { margin:0 0 8px; }
	.auto-listings-search .price-wrap .SumoSelect.sumo_min_price { padding: 0; }
	.auto-listings-search .SumoSelect, .auto-listings-search .price-wrap .SumoSelect { width: 100%; }

	.autolist-search-box form.auto-listings-search a.refine { text-align:center; }
	.autolist-search-box form.auto-listings-search .extras-wrap .field { width: 49%; }
	
	.auto-listings .has-sidebar { padding: 15px; }
	.auto-listings-items li .image img { height:auto; max-height:400px; }

	.auto-listings-items.grid-view li.col-3 {
		width: 100%; max-width:400px margin:0 auto 20px;
	}
	
	.single-auto-listing { padding: 0 15px 25px; }
	h1.entry-title, h2.entry-title { font-size: 24px; }
	.auto-listings .auto-listings-tabs .panel h4, .sidebar h4 { font-size: 18px; }
	
	.has-sidebar { padding: 0; }
	.single .has-sidebar, .single.single-auto-listing .has-sidebar { width:100%; padding:0; }
	
	.auto-listings .sidebar { width:100%; max-width:400px; margin:auto; display:block; } 
	
	.auto-listings-items .description { height:auto; }
	
	.lSSlideOuter .lSPager.lSGallery li {
		width: 94px !important; height: 54px !important; padding:2px !important;
	}
	.lSSlideOuter .lSPager.lSGallery li a, .lSSlideOuter .lSPager.lSGallery li a img {
		width: 90px !important;	height: 50px !important;
	}

}