/*
Theme Name:   DriveMangoChild
Description:  Write here a brief description about your child-theme
Author:       mangoboss
Author URL:   http://www.drivemango.ca
Template:     automotive
Version:      1.0.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  DriveMangoChild
*/

/* Write here your own personal stylesheet */

body{ overflow-y: auto!important; }
.page-id-16971 #secondary-banner{ display:none; }
.outer-container { width: 100%; }
.outer-container .banner{ opacity: 1!important; }
.banner { width: 100%; height: 625px; overflow: hidden; position: relative; background-color: #000; transform-style: preserve-3d; transform: translatez(0); }
.banner__image, .banner__caption { width: 100%; position: absolute; top: 0; left: 0; }
.banner__image { height: 625px; z-index: 10; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 1; transform: translatez(0); }
.banner__caption { height: auto; z-index: 20; text-align: left; color: #fff; position: relative; top: 0%; transform: translateY(0%); margin-top: 0px; top: 30px; height: 100%; padding-bottom: 90px; }
.banner__caption .container{ height: 100%; }
.banner__caption .container .row{ flex-wrap: nowrap; width: 100%; display: inline-flex; height: 100%; flex-flow: column; justify-content: space-between; margin: 0px; }
.banner__caption .banner-buttons{ display: inline-flex; align-items: center; text-align: center; justify-content: center; }
.banner__caption .banner-buttons a:first-child{ margin-right: 12px; }
.page-content .banner__caption h1 { z-index: 8; font-family: Poppins; height: auto; width: auto; color: rgb(61, 61, 61); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; line-height: 50px; letter-spacing: 0px; font-weight: 600; font-size: 40px; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;  margin-bottom: 0px; margin-top: 10px; }
.banner__caption p { z-index: 8; font-family: Poppins; height: auto; width: auto; color: rgb(61, 61, 61); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; line-height: 44px; letter-spacing: 0px; font-weight: 500; font-size: 25px; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible; margin: 0px; }
.banner__caption a{ z-index: 10; background-color: rgb(242, 147, 47); text-align: center; min-width: 280px; font-family: Poppins; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; max-height: none; max-width: none; line-height: 50px; letter-spacing: 0px; font-weight: 500; font-size: 18px; box-shadow: rgb(0 0 0 / 51%) 0px 10px 10px 0px; padding-left: 40px; border-radius: 3px; padding-right: 40px; filter: blur(0px) grayscale(0%) brightness(100%); transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible; display: inline-block; }
.banner__caption a:hover{ color: rgb(242, 147, 47); background: #fff; }

@media (max-width: 1199px){
  .banner__caption .container{ width: 100%; max-width: 100%; }
}
@media (max-width: 767px){
  .page-content .banner__caption h1{ font-size: 14px; line-height: 15px; }
  .banner__caption p{ font-size: 7px; line-height: 10px; }
  .banner__caption a{ max-width: 150px; min-width: 110px; padding: 0px 10px; font-size: 9px; line-height: 25px; }
  .banner__image { height: 100%; }
  .banner{ height: 100%; }
  .banner__caption{ padding-bottom: 30px; top: 0px; min-height: 210px; }
  .outer-container .banner{ min-height: 210px; }
  .banner__caption .container .row{ min-height: 210px; }
}

body{ height:auto!important; }
.home #secondary-banner{ display: none; }

.car_listings a.inventory .mango-overlay {
  position: relative;
  float: none;
  width: 200px;
  height: 150px;
  display: block;
  margin: -150px auto 0;
  z-index: 999;
  pointer-events: none;
}

@media(max-width: 767px) and (min-width:480px){
  .car_listings a.inventory .mango-overlay {
    position: absolute;
    margin: 0px;
    float: left;
    top: initial;
    left: 11px;
    bottom: 53px;
    z-index: 999;
    pointer-events: none;
  }
}

.listing-slider .mango-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
}

#home-slider-thumbs.flexslider .slides li {
	position: relative;
}

.pswp__zoom-wrap .mango-overlay {
	position: absolute;
	z-index: 99;
}

.img-flex .mango-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
}