2017 FORD EXPLORER

/* ----------------------------------------- */ /* View: Attached Media - start */ /* ----------------------------------------- */ #modal-image-viewer { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; display: none; padding: 20px; } #modal-image-viewer img { object-fit: contain; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 100%; position: absolute; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } .lightbox #close { position: absolute; top: 15px; right: 15px; color: white; padding: 30px; cursor: pointer; opacity: .4; z-index: 1050; font-size: 30px; list-style: none; } .lightbox #close:hover { opacity: 1; } .light-box li { list-style: none; } .lightbox a { display: flex; justify-content: center; align-items: center; font-family: FontAwesome; font-size: 2.5em; height: 100%; cursor: pointer; text-decoration: none; color: white; } .lightbox .left a::before { content: "\f104"; } .lightbox .right a::before { content: "\f105"; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,0.6); background-color: transparent; list-style: none; } .lightbox a:hover { opacity: 1; color: white; } .modal-nav { position: absolute; bottom: 0; z-index: 1000; } .car-img img{ cursor: pointer; } /* ----------------------------------------- */ /* View: Attached Media - end */ /* ----------------------------------------- */