/*
Theme Name: LucasOil.ca Website
Theme URI: https://www.lucasoil.ca
Description: Lucas Oil Canada website
Version: 1.0
Author: Lucas Oil
Author URI: https://www.lucasoil.com

*/

/* CSS Document */

/* -------- RESPONSIVE CSS ---------- */
/* Phone */
@media screen and (min-width: 1px) {
	.header-container {padding-top: 15px;padding-bottom: 15px;}
	.header-content {width: 90%;}
	.header-logo {width: 150px;margin-left: 10px;margin-right: auto;}
	.navigation-container {width: calc(100% - 490px);margin-left: auto;margin-right: 0px;display: none;}
	.nav-content a {font-size: 18px;}
	.nav-content li {padding: 12px;}
	.social-container {width: 100px;display: none;}
	.search-container {display: none;width: 40px;}
	.mobile-nav {display: inline-block;}
	.mobile-nav-toggle {width: 30px;height: 30px;}
	.mobile-nav-close {width: 50px;height: 30px;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 90%;text-align: center;}
	.product-finder-content h3 {font-size: 32px;margin-bottom: 20px;line-height: 1.2em;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 18px;padding-top: 10px;}
	.story-hero-content {width: 100%;height: 280px;}
	.story-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 90%;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 100%;margin-right: 0px;display: block;}
	.txt-col2 {width: 100%;display: block;}
	.txt-col1 {width: 100%;display: block;margin-right: 0px;}
	.img-col2 {width: 100%;display: block;}
	.product-hero-content {width: 100%;height: 280px;}
	.product-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 100%;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 100%;margin: 50px 0px;display: block;}
	.single-product-container img {width: 50px;display: inline-block;margin-top: -50px;margin-left: 20px;margin-right: 20px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 150px);display: inline-block;margin-top: 20px;padding-right: 10px;padding-bottom: 20px;}
	.single-product-container h4 {font-size: 18px;height: auto;}
	.single-product-container a {width: 140px;font-size: 14px;}
	.dc-hero-container {height: 300px;}
	.ddc-hero-container {height: 300px;}
	.eosl-hero-container {height: 300px;}
	.ft-hero-container {height: 300px;}
	.hdos-hero-container {height: 300px;}
	.ob-hero-container {height: 300px;}
	.tf-hero-container {height: 300px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 90%;}
	.product-lft-col {width: 100%;display: block;font-size: 18px;padding-top:80px;}
	.product-lft-col h1 {font-size: 38px;display: inline-block;}
	.product-lft-col p {padding-right: 0px;}
	.product-arrow {font-size: 76px;margin-left: -60px;margin-top: -10px;width: 50px;display: none;margin-right: -10px;}
	.key-benefit-container {display: block;width: 100%;}
	.key-benefit-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: block;width: 100%;}
	.packaging-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.directions-container {display: block;width: 100%;}
	.directions-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 100%;}
	.product-rght-col {width: 100%;display: block;margin-left: 0px;margin-top: 50px;}
	.product-main-img {width: 200px;display: none;margin-top: -400px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 140px;display: block;margin-top: -300px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 90%;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 90%;}
	.media-container {width: 230px;height: 230px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 200px;width: 200px;}
	.video-hero-content {width: 90%;height: 280px;}
	.video-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 80px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 100%;}
	.video-player-card {width: 100%;display: block;margin-right: 0px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 90%;height: 280px;}
	.contact-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 90%;}
	.stores-hero-content {width: 90%;height: 280px;}
	.stores-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 100%;}
	.catalog-hero-content {width: 90%;height: 280px;}
	.catalog-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 90%;}
	.footer-content {font-size:12px;}
	.footer-logo {width: 200px;}
	.product-page-hero-container {height: 400px;}
	.fourohfour-page-content {width: 90%;}
	.non-block-content {width: 90%;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 100%;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 100%;margin: 40px 0px;padding-bottom:20px;}
	.product-category-thumb {max-width: 120px;max-height: 275px;margin-left: auto;margin-right: auto;margin-top: -50px;display: block;}
	.product-title-category-list {width: 100%;padding: 30px 10px 0px 10px;display: block;text-align: center;}
	.product-title-category-list h3 {font-size: 30px;height: auto;text-align: center;}
	.product-list-more-details {max-width: 240px;padding: 13px 30px;}
	.news-details-container {width: 100%;}
	.news-details-content {width: 100%;}
	.news-preview-img {height: auto;margin-bottom: 20px;}
	.news-title-hdr {height: 60px;line-height: 1.2em;font-size: 22px;}
	.news-single-content {width: 90%;}
	.testimonial-page-content {width: 90%;}
	.testimonial-loader-container {width: 90%;padding-top: 20px;}
	.testimonial-nav {width: 100%;display: block;}
	.testimonial-list {width: 100%;display: block;}
}
/* Tablet */
@media screen and (min-width: 768px) {
	.header-container {padding-top: 15px;padding-bottom: 15px;}
	.header-content {width: 768px;}
	.header-logo {width: 250px;margin-left: 10px;margin-right: auto;}
	.navigation-container {width: calc(100% - 490px);margin-left: auto;margin-right: 0px;display: none;}
	.nav-content a {font-size: 18px;}
	.nav-content li {padding: 12px;}
	.social-container {width: 150px;display: none;}
	.search-container {display: none;width: 40px;}
	.mobile-nav {display: inline-block;}
	.mobile-nav-toggle {width: 50px;height: 50px;}
	.mobile-nav-close {width: 50px;height: 50px;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 768px;text-align: left;}
	.product-finder-content h3 {font-size: 36px;margin-bottom: 20px;line-height: 1.2em;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 20px;padding-top: 0px;}
	.story-hero-content {width: 768px;height: 380px;}
	.story-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 768px;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 38%;margin-right: 40px;display: inline-block;}
	.txt-col2 {width: calc(58% - 40px);display: inline-block;}
	.txt-col1 {width: calc(58% - 40px);display: inline-block;margin-right: 40px;}
	.img-col2 {width: 38%;display: inline-block;}
	.product-hero-content {width: 768px;height: 380px;}
	.product-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 768px;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 100%;margin: 100px 0px;display: block;}
	.single-product-container img {width: 80px;display: inline-block;margin-top: -70px;margin-left: 50px;margin-right: 50px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 210px);display: inline-block;margin-top: 30px;padding-right: 30px;padding-bottom: 0px;}
	.single-product-container h4 {font-size: 26px;height: 80px;}
	.single-product-container a {width: 200px;font-size: 18px;}
	.dc-hero-container {height: 300px;}
	.ddc-hero-container {height: 300px;}
	.eosl-hero-container {height: 300px;}
	.ft-hero-container {height: 300px;}
	.hdos-hero-container {height: 300px;}
	.ob-hero-container {height: 300px;}
	.tf-hero-container {height: 300px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 768px;}
	.product-lft-col {width: 65%;display: inline-block;font-size: 18px;padding-top:0px;}
	.product-lft-col h1 {font-size: 50px;display: inline-block;}
	.product-lft-col p {padding-right: 80px;}
	.product-arrow {font-size: 76px;margin-left: -60px;margin-top: -10px;width: 50px;display: inline-block;margin-right: -10px;}
	.key-benefit-container {display: block;width: 100%;}
	.key-benefit-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: block;width: 100%;}
	.packaging-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.directions-container {display: block;width: 100%;}
	.directions-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 80%;}
	.product-rght-col {width: 30%;display: inline-block;margin-top: 0px;margin-left: auto;margin-right: auto;}
	.product-main-img {width: 250px;display: block;margin-top: -400px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 200px;display: none;margin-top: -400px;padding-bottom: 40px;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 768px;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 768px;}
	.media-container {width: 230px;height: 230px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 200px;width: 200px;}
	.video-hero-content {width: 768px;height: 380px;}
	.video-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 768px;}
	.video-player-card {width: 100%;display: block;margin-right: 0px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 768px;height: 380px;}
	.contact-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 768px;}
	.stores-hero-content {width: 768px;height: 380px;}
	.stores-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 768px;}
	.catalog-hero-content {width: 768px;height: 380px;}
	.catalog-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 768px;}
	.footer-content {font-size:16px;}
	.footer-logo {width: 260px;}
	.fourohfour-page-content {width: 768px;}
	.non-block-content {width: 768px;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 768px;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 100%;margin: 40px 0px;padding-bottom:0px;height:  50%; aspect-ratio: 10/3}
	.product-category-thumb {max-width: 200px;max-height: 275px;margin-left: 10px;margin-right: 0px;margin-top: -50px;display: inline-block;}
	.product-title-category-list {width: calc(100% - 220px);padding: 50px 20px 0px 20px;display: inline-block;text-align: left}
	.product-title-category-list h3 {font-size: 30px;height: auto;text-align: left;}
	.product-list-more-details {max-width: 240px;padding: 13px 30px;}
	.news-details-container {width: 768px;}
	.news-details-content {width: calc(50% - 15px);}
	.news-preview-img {margin-bottom: 20px;}
	.news-title-hdr {height: 80px;line-height: 1.2em;font-size: 22px;}
	.news-single-content {width: 768px;}
	.testimonial-page-content {width: 768px;}
	.testimonial-loader-container {width: 768px;padding-top: 20px;}
	.testimonial-nav {width: 20%;display: inline-block;}
	.testimonial-list {width: 78%;display: inline-block;}
}
/* 1080p */
@media screen and (min-width: 1280px) {
	.header-container {padding-top: 20px;padding-bottom: 20px;}
	.header-content {width: 1280px;}
	.header-logo {width: 120px;margin-left: 10px;margin-right: auto;}
	.navigation-container {width: calc(100% - 450px);margin-left: auto;margin-right: 0px;display: inline-block;}
	.nav-content a {font-size: 16px;}
	.nav-content li {padding: 8px;}
	.social-container {width: 220px;display: inline-block;}
	.search-container {
        flex: 0 0 auto;
    display: flex;
    align-items: center;
    position: relative;}
	.mobile-nav {display: none;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 1280px;text-align: left;}
	.product-finder-content h3 {font-size: 42px;margin-bottom: 20px;line-height: 1.2em;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 19px;}
	.story-hero-content {width: 1280px;height: 380px;}
	.story-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 1280px;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 38%;margin-right: 40px;display: inline-block;}
	.txt-col2 {width: calc(58% - 40px);display: inline-block;}
	.txt-col1 {width: calc(58% - 40px);display: inline-block;margin-right: 40px;}
	.img-col2 {width: 38%;display: inline-block;}
	.product-hero-content {width: 1280px;height: 380px;}
	.product-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 1280px;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 45%;margin: 50px 30px;display: inline-block;}
	.single-product-container img {width: 80px;display: inline-block;margin-top: -70px;margin-left: 50px;margin-right: 50px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 210px);display: inline-block;margin-top: 30px;padding-right: 30px;padding-bottom: 0px;}
	.single-product-container h4 {font-size: 26px;height: 80px;}
	.single-product-container a {width: 200px;font-size: 18px;}
	.dc-hero-container {height: 400px;}
	.ddc-hero-container {height: 400px;}
	.eosl-hero-container {height: 400px;}
	.ft-hero-container {height: 400px;}
	.hdos-hero-container {height: 400px;}
	.ob-hero-container {height: 400px;}
	.tf-hero-container {height: 400px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 1280px;}
	.product-lft-col {width: 75%;display: inline-block;font-size: 18px;padding-top:0px;}
	.product-lft-col h1 {font-size: 60px;display: inline-block;}
	.product-lft-col p {padding-right: 80px;}
	.product-arrow {font-size: 76px;margin-left: -60px;margin-top: -10px;width: 50px;display: inline-block;margin-right: -10px;}
	.key-benefit-container {display: inline-block;width: 47%;}
	.key-benefit-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: inline-block;width: 47%;}
	.packaging-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 80%;}
	.product-rght-col {width: 20%;display: inline-block;margin-top: 0px;margin-left: auto;margin-right: auto;}
	.product-main-img {width: 350px;display: block;margin-top: -400px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 250px;display: none;margin-top: -400px;padding-bottom: 40px;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 1280px;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 1280px;}
	.media-container {width: 210px;height: 210px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 200px;width: 200px;}
	.video-hero-content {width: 1280px;height: 380px;}
	.video-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 1280px;}
	.video-player-card {width: 45%;display: inline-block;margin-right: 40px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 1280px;height: 380px;}
	.contact-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 1280px;}
	.stores-hero-content {width: 1280px;height: 380px;}
	.stores-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 1280px;}
	.catalog-hero-content {width: 1280px;height: 380px;}
	.catalog-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 1280px;}
	.footer-content {font-size:16px;}
	.footer-logo {width: 260px;}
	.fourohfour-page-content {width: 1280px;}
	.non-block-content {width: 1280px;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 1280px;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 46%;margin:30px 20px;padding-bottom:0px;height:  50%; aspect-ratio: 10/3}
	.product-category-thumb {max-width: 160px;max-height: 250px;margin-left: 10px;margin-right: 0px;margin-top: -50px;display: inline-block;}
	.product-title-category-list {width: calc(100% - 190px);padding: 20px 20px 0px 20px;display: inline-block;text-align: left}
	.product-title-category-list h3 {font-size: 24px;height: 30px;text-align: left;}
	.product-list-more-details {max-width: 200px;padding: 10px 25px;margin-top: 30px;}
	.news-details-container {width: 1280px;}
	.news-details-content {width: calc(33.333% - 20px);}
	.news-preview-img {margin-bottom: 20px;}
	.news-title-hdr {height: 80px;line-height: 1.2em;font-size: 22px;}
	.news-single-content {width: 1280px;}
	.testimonial-page-content {width: 1280px;}
	.testimonial-loader-container {width: 1280px;padding-top: 20px;}
	.testimonial-nav {width: 20%;display: inline-block;}
	.testimonial-list {width: 78%;display: inline-block;}
}
/* UHD */
@media screen and (min-width: 1920px) {
	.header-container {padding-top: 20px;padding-bottom: 20px;}
	.header-content {width: 1620px;}
	.header-logo {width: 300px;margin-left: 0px;margin-right: auto;}
	.navigation-container {width: calc(100% - 630px);margin-left: auto;margin-right: 0px;display: inline-block;}
	.nav-content a {font-size: 18px;}
	.nav-content li {padding: 12px;}
	.social-container {width: 220px;display: inline-block;}
	.search-container {    flex: 0 0 auto;
    display: flex;
    align-items: center;
    position: relative;}
	.mobile-nav {display: none;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 1620px;text-align: left;}
	.product-finder-content h3 {font-size: 42px;margin-bottom: 20px;line-height: 1.2em;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 22px;}
	.story-hero-content {width: 1620px;height: 380px;}
	.story-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 1620px;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 38%;margin-right: 40px;display: inline-block;}
	.txt-col2 {width: calc(58% - 40px);display: inline-block;}
	.txt-col1 {width: calc(58% - 40px);display: inline-block;margin-right: 40px;}
	.img-col2 {width: 38%;display: inline-block;}
	.product-hero-content {width: 1620px;height: 380px;}
	.product-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 1620px;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 45%;margin: 50px 30px;display: inline-block;}
	.single-product-container img {width: 80px;display: inline-block;margin-top: -70px;margin-left: 50px;margin-right: 50px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 210px);display: inline-block;margin-top: 30px;padding-right: 30px;padding-bottom: 0px;}
	.single-product-container h4 {font-size: 28px;height: 80px;}
	.single-product-container a {width: 200px;font-size: 18px;}
	.dc-hero-container {height: 400px;}
	.ddc-hero-container {height: 400px;}
	.eosl-hero-container {height: 400px;}
	.ft-hero-container {height: 400px;}
	.hdos-hero-container {height: 400px;}
	.ob-hero-container {height: 400px;}
	.tf-hero-container {height: 400px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 1620px;}
	.product-lft-col {width: 75%;display: inline-block;font-size: 18px;padding-top:0px;}
	.product-lft-col h1 {font-size: 60px;display: inline-block;}
	.product-lft-col p {padding-right: 80px;}
	.product-arrow {font-size: 76px;margin-left: -60px;margin-top: -10px;width: 50px;display: inline-block;margin-right: -10px;}
	.key-benefit-container {display: inline-block;width: 49%;}
	.key-benefit-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: inline-block;width: 49%;}
	.packaging-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.directions-container {display: block;width: 100%;}
	.directions-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 80%;}
	.product-rght-col {width: 20%;display: inline-block;margin-left: 30px;margin-top: 0px;}
	.product-main-img {width: 500px;display: block;margin-top: -400px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 250px;display: none;margin-top: -400px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 1620px;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 1620px;}
	.media-container {width: 230px;height: 230px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 220px;width: 220px;}
	.video-hero-content {width: 1620px;height: 380px;}
	.video-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 1620px;}
	.video-player-card {width: 30%;display: inline-block;margin-right: 40px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 1620px;height: 380px;}
	.contact-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 1620px;}
	.stores-hero-content {width: 1620px;height: 380px;}
	.stores-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 1620px;}
	.catalog-hero-content {width: 1620px;height: 380px;}
	.catalog-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 1620px;}
	.footer-content {font-size:16px;}
	.footer-logo {width: 260px;}
	.product-page-hero-container {height: 400px;}
	.fourohfour-page-content {width: 1620px;}
	.non-block-content {width: 1620px;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 1620px;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 44.5%;margin: 40px; height:  50%; aspect-ratio: 10/3.6}
	.product-category-thumb {max-width: 200px;max-height: 220px;margin-left: 10px;margin-right: 0px;margin-top: -50px;display: inline-block;}
	.product-title-category-list {width: calc(100% - 220px);padding: 50px 20px 0px 20px;display: inline-block;text-align: left}
	.product-title-category-list h3 {font-size: 30px;height: auto;text-align: left;}
	.product-list-more-details {max-width: 240px;padding: 13px 30px;margin-top: 30px !important;}
	.news-details-container {width: 1620px;}
	.news-details-content {width: calc(33.333% - 20px);}
	.news-preview-img {margin-bottom: 20px;}
	.news-title-hdr {height: 60px;line-height: 1.2em;font-size: 22px;}
	.news-single-content {width: 1620px;}
	.testimonial-page-content {width: 1620px;}
	.testimonial-loader-container {width: 1620px;padding-top: 20px;}
	.testimonial-nav {width: 20%;display: inline-block;}
	.testimonial-list {width: 78%;display: inline-block;}
}
/* -------- GLOBAL CSS ---------- */
html, body {
	margin: 0px;
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 20px;
}
.ng-font {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: 500;
}
.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
}
.page-container {
	position: relative;
	min-height: 100vh;
}
.top-container {
	padding-bottom: 200px;		/* Footer height */
}
.ratio {
	background-color: #ffffff !important;
}
/* -------- RESPONSIVE NAV ---------- */
.mobile-nav {
	float: right;
	margin-top: -2px;
}
.mobile-nav-toggle {
	background-image: url("/wp-content/themes/lucasoilca/images/hamburger-menu.png");
	border: none;
	background-size: contain;
	cursor: pointer;
	margin-top: 5px;
	float: right;
}
.mobile-nav-close {
	background-image: url("/wp-content/themes/lucasoilca/images/hamburger-menu-close.png");
	border: none;
	background-size: contain;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
}
.mobile-nav-container-closed {
	display: block;
	height:0px;
	background-color: #0e0f17;
	overflow: hidden;
}
.mobile-nav-container-open {
	display: block;
	height:auto;
	padding-bottom: 5px;
	background-color: #0e0f17;
	padding-top: 10px;
	
	overflow: hidden;
	border-bottom: 2px solid #1f2b60;
	margin-bottom: 0px;
}
.mobile-nav-container-closed a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 20px;
	text-align: left;
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
}
.mobile-nav-container-open a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 20px;
	text-align: left;
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
}
.mobile-sub-nav a {
	margin-left: 15px;
}
/* -------- HEADER ---------- */
.header-container {
	width: 100%;
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
	z-index: 10;
}
.header-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
.header-logo {
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.navigation-container {
	vertical-align: middle;
}
.nav-content {
	text-align: right;
	vertical-align: middle;
	font-family: "niveau-grotesk", sans-serif;
}
.nav-content a {
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}
.nav-content ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.nav-content li {
	color: #fff;
	display: inline-block;
	position: relative;
	text-decoration: none;
	transition-duration: 0.5s;
}
.nav-content li a {
  color: #fff;
	text-decoration: none;
}
.nav-content li:hover,
.nav-content li:focus-within {
	cursor: pointer;
}
.nav-content li:focus-within a {
  outline: none;
}
.nav-content ul li ul {
	background-color: #003da5;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left: 0;
	display: none;
	z-index: 10;
	width: 270px;
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
	text-align: left;
}
.nav-content ul li:hover > ul,
.nav-content ul li:focus-within > ul,
.nav-content ul li ul:hover,
.nav-content ul li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
}
.nav-content ul li ul li {
	clear: both;
	width: 100%;
}
.nav-content ul li ul li:hover {
	background-color: #003da5;
}
.social-container a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}
.social-container img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.mobile-social-container {
	width: 100%;
	display: block;
}
.mobile-social-container a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}
.mobile-social-container img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.search-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    background: #db0632;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.search-dwr-closed {
	width: 0px;
	display: none !important;
	height: auto;
	float: right;
	margin-top: -50px;
	margin-right: 110px;
	transition: all 1s ease;
	z-index: 10;
}
.search-dwr-visible {
	width: 200px;
	display: inline-block !important;
	height: auto;
	float: right;
	margin-top: -50px;
	margin-right: 110px;
	transition: all 1s ease;
	z-index: 10;
}
.search-submit-btn {
	background: #db0632;
	border:0px solid;
	border-radius: 5px;
}
.search-field {
	font-size: 18px;
	padding: 5px;
	height: 31px;
}
.search-btn-mag-icon-on {
	display: inline;
	margin-top: 4px;
}
.search-btn-mag-icon-off {
	display: none;
}
.search-btn-close-icon-off {
	display: none;
	margin-top: 3px;
	margin-left: 1px;
}
.search-btn-close-icon-on {
	display: inline;
	margin-top: 3px;
	margin-left: 1px;
}
.search-link {
	color: #222222;
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
}
.no-results {
	background: #002a76;
	padding: 50px 40px;
	margin: 50px auto;
	max-width: 800px;
}
.no-results h2 {
	color: #ffffff;
}
.no-results p {
	color: #ffffff;
}
.x-fix img {
	width: 90%;
}
.yt-fix img {
	width: 110%;
}
.locator-btn {
	background-color: #db0632;
}
.product-sub-menu-closed {
	display: block;
	height:0px;
	background-color: #003da5;
	overflow: hidden;
}
.product-sub-menu-open {
	display: block;
	height:auto;
	background-color: #003da5;
	overflow: hidden;
}
.product-sub-menu a {
	display: block;
	color: #ffffff;
}
.products-nav-container-closed {
	background-color: #002a76;
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 0px;
	display: block;
	transition: height 0.15s ease-out;
	z-index: 10;
	overflow: hidden;
}
.products-nav-container-open {
	background-color: #002a76;
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
	display: block;
	transition: height 0.15s ease-out;
	z-index: 10;
	overflow: auto;
}
.product-nav-content {
	width: 1620px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.lifestyle-product-nav {
	width: 60%;
	margin-left: 0px;
	margin-right: 100px;
	display: inline-block;
	vertical-align: top;
}
.product-nav-lifestyle-mute {
	width: 100%;
	height: 100%;
	margin: 0px;
	position: relative;
	background-color: rgba(0,0,0,0.40);
}
.product-nav-lifestyle-container {
	display: inline-block;
	width: 200px;
	height: 140px;
	margin: 5px;
	background-size: 100% auto;
	background-position: center;
	text-decoration: none;
}
.product-nav-lifestyle-container h4 {
	color:#ffffff;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000000;
	text-decoration: none;
	margin-top: 0px;
	font-weight: 600;
	font-family: "niveau-grotesk", sans-serif;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	bottom: 0px;
	font-size: 16px;
}
.product-nav-lifestyle-container img {
	width: 100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 40px;
}
.lifestyle-all-container {
	display: inline-block;
	width: 200px;
	height: 140px;
	margin: 4px 5px 5px 5px;
	background-size: 100% 100%;
	background-position: center;
	vertical-align: top;
}
.category-product-nav {
	color: #ffffff;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
}
.category-product-nav a {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
}
.category-product-nav a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.category-product-nav h4 {
	font-weight: 300;
	font-size: 24px;
	margin-bottom: 20px;
}
.nav-type-lcol {
	display: inline-block;
	width: 49%;
	margin-right: 10px;
	vertical-align: top;
}
.nav-type-rcol {
	display: inline-block;
	width: 47%;
	vertical-align: top;
}
.nav-type-lcol a {
	display: block;
	margin-bottom: 5px;
}
.nav-type-rcol a {
	display: block;
	margin-bottom: 5px;
	
}
.shield-outline-apnav {
	vertical-align:middle;
	width: 150px;
	height: 140px;
	background-image: url("/wp-content/themes/lucasoilca/images/shield-blue-outline.svg");
	background-position: center;
	margin: auto;
	top:-10px;
	position: relative;
}
.shield-outline-apnav h4 {
	padding-top: 60px;
	width: 130%;
	position: relative;
	margin-left: -25px;
	font-size: 16px;
}
.product-btn-apnav {
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	vertical-align: bottom;
	text-align: center;
	position: relative;
}
.product-btn-apnav:hover {
	background-color: rgba(0,0,0,0.0);
}
.product-btn-apnav h4 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	font-weight: 600;
	font-family: "niveau-grotesk", sans-serif;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	bottom: 0px;
}
.close-nav-btn {
	float:right;
	margin-top: -300px;
	margin-right: 65px;
	background-color: #002a76;
	border: 1px solid rgba(145,158,255,1.00);
	color: rgba(145,158,255,1.00);
	z-index: 10;
	cursor: pointer;
	padding: 8px;
	text-decoration: none;
}
.hidden-display {
	display:none;
}


/* -------- PRODUCT FINDER ---------- */
.product-finder-container {
	width: 100%;
}
.product-finder-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.product-finder-content h3 {
	color: #db0632;
    font-weight: 700;
    text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	text-align: left;
}
/* -------- PRODUCT FINDER GRID --------
   Refactored from inline-block + fixed widths to CSS Grid.
   Tiles use aspect-ratio so they scale fluidly with their column.
   Breakpoints (mobile-first):
       <  768  : 1 col
       768-1199: 2 cols
       1200-1919: 3 cols
       1920+   : 5 cols
   Total tiles = 9 lifestyles + 1 "View All" = 10. The 3-col breakpoint
   is the only one where 10 doesn't divide evenly (9 fill 3 rows, then
   "View All" alone would dangle), so View All spans the full last row
   there. Every other breakpoint has an even fit. */
.product-finder-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	width: 100%;
}
@media (min-width: 768px) {
	.product-finder-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}
@media (min-width: 1200px) {
	.product-finder-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
	.product-finder-grid .all-products {
		grid-column: 1 / -1;
		/* (cols-spanned × tile-width-ratio) / tile-height-ratio = (3 × 3) / 4 */
		aspect-ratio: 9 / 4;
	}
}
@media (min-width: 1600px) {
	/* 5-col layout. Lowered from 1920 to 1600 so the rule actually
	   matches on 1920×1080 monitors — a 1920 viewport reports as ~1903
	   to CSS once the scrollbar is subtracted, so min-width:1920 was
	   never matching in practice. 1600 also pairs with the theme's
	   1620px content max-width breakpoint elsewhere. */
	.product-finder-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; }
	.product-finder-grid .all-products {
		grid-column: auto;
		aspect-ratio: 3 / 4; /* reset from the 1200px override */
	}
}

.PS-container {
	aspect-ratio: 3 / 4;
	overflow: hidden;
	position: relative;
}
/* Background image lives on a pseudo-element so transform: scale animates
   smoothly on hover. (Doing this on the element directly with
   background-size: cover doesn't transition — browsers can't interpolate
   between the `cover` keyword and a numeric size, so the zoom snaps.) */
.PS-container::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	transform: scale(1);
	transition: transform 0.5s ease;
	z-index: 0;
}
.PS-container:not(.all-products):hover::before {
	transform: scale(1.15);
}
/* Tile contents sit above the pseudo-element. */
.PS-container > .product-btn {
	position: relative;
	z-index: 1;
}
/* "View All Products" tile inherits aspect-ratio: 3 / 4 from .PS-container
   by default — same height as siblings when sitting next to them
   (1, 2, 5-col breakpoints all fit cleanly).
   At the 3-col breakpoint it spans the full row, so the aspect-ratio is
   recalculated as (cols-spanned × 3) / 4 — keeps the row visually the
   same height as a single 3:4 tile. */
.ag-bg {
	background-image: url("/wp-content/themes/lucasoilca/images/agriculture-thumb.jpg");
	animation-delay: 0.5s;
}
.edcc-bg {
	background-image: url("/wp-content/themes/lucasoilca/images/everyday-car-care-thmnb-1.jpg");
	animation-delay: 0.3s;
}
.hdt-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/heavy-duty-trucking-thumb.jpg");
	animation-delay: 0.4s;
}
.hrcc-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/classic-car-thumb.jpg");
	animation-delay: 0.6s;
}
.ind-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/industrial-thumb.jpg");
	animation-delay: 0.7s;
}
.racing-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/racing-thumb.jpg");
	animation-delay: 0.8s;
}
.motorcycle-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/motorcycle-thumb.jpg");
	animation-delay: 0.9s;
}
.marine-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/marine-thumb.jpg");
	animation-delay: 1s;
}
.outdoor-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/outdoor-thumb-1.jpg");
	animation-delay: 1.1s;
}
.ob-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/ProductSelector-Octane-Booster.jpg");
	animation-delay: 1.2s;
}
/* Registered custom property so the gradient's inner stop can animate
   smoothly. Without @property, transitioning a percentage inside a
   gradient would just snap. Browsers without @property support fall
   back to the instant change — still the correct end visual. */
@property --grad-stop {
	syntax: '<percentage>';
	inherits: true;
	initial-value: 20%;
}

.all-products {
	--grad-stop: 20%;
	background: radial-gradient( at top , rgba(0 ,42,118,1) var(--grad-stop), rgba(0,0,0,1) 100%);
	animation-delay: 1.3s;
	/* Matches the 0.5s ease used by lifestyle tile zooms so both hover
	   states feel consistent. */
	transition: --grad-stop 0.5s ease;
}
.all-products:hover {
	--grad-stop: 60%;
}
.product-img {
	height: auto;
	text-align: center;
	vertical-align: bottom;
	margin-left: auto;
	margin-right: auto;
}
.product-btn {
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	/* Flex column centers the icon + label vertically regardless of tile
	   height (replaces the old prod-btn-pad: padding-top: 250px hack
	   that assumed a fixed 480px tile). */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	text-align: center;
	position: relative;
	transition: background-color 0.3s ease;
}
.product-btn:hover {
	background-color: rgba(0,0,0,0.0);
}
.product-btn h4 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	font-weight: 600;
	font-family: "niveau-grotesk", sans-serif;
	text-align: center;
}
/* Legacy class retained on lifestyle tiles; flex centering replaces its
   role, but kept here as a no-op so the markup needn't change. */
.prod-btn-pad {
	padding-top: 0;
}
.shield-outline {
	width: 180px;
	height: 160px;
	background-image: url("/wp-content/themes/lucasoilca/images/shield-blue-outline.svg");
	background-position: center;
	background-repeat: no-repeat;
	/* Centered by parent .product-btn (flex). The old top:30% / margin:auto
	   hack was needed when the parent was inline-block; flex handles it. */
	display: flex;
	align-items: center;
	justify-content: center;
}
.shield-outline h4 {
	margin: 0;
	width: 300px;
	text-align: center;
}
/* Removes the dark overlay on the View All tile (its background is the
   blue radial gradient, not a photo, so an overlay would just dull it). */
.all-fix {
	background-color: rgba(0,0,0,0.0);
}

/* -------- WHY LUCAS ---------- */
.all-page-container {
	width: 100%;
	background-color: #fff;
	vertical-align: top;
}

.all-page-container h2 {
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
	font-weight: bold;
}
.all-page-container h3 {
	font-family: "niveau-grotesk", sans-serif;
}
.valign-top {
	vertical-align: top;
}
.all-page-header-container {
	width: 100%;
	z-index: 20;
	background-color: #1a1c20; /* fallback when no header image is set, so the white H1 stays legible */
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.all-page-header-h1 {
	max-width: 1620px;
	font-size: 80px;
	color: #fff;
	font-weight: bold;
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	text-decoration: underline;
	text-underline-offset: 20px;
	text-decoration-thickness: 5px;
	text-shadow: 2px 2px 2px #000000;
}
.entry-content {
	font-weight: 300;
}
.our-story-red-font {
	font-size: 40px;
}
.wp-grid-full-width {
	margin-left: auto;
	margin-right: auto;
}
.yt-100 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}






/* -------- PRIVACY POLICY ---------- */
.privacy-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/privacy-policy_header-image.jpg");
	background-size: cover;
	background-position: center;
}


/* -------- OUR STORY ---------- */
.story-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/our-story-header-image-1.jpg");
	background-size: cover;
	background-position: center;
}
.story-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.story-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.story-page-container {
	width: 100%;
	background-color: #ffffff;
}
.story-page-content {
	margin-left: auto;
	margin-right: auto;
}
.story-page-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
.story-page-content p {
	text-align: left;
}


.story-greybg-page-container {
	width: 100%;
	background-color: #f7f8f9;
}

.img-col1 {
	vertical-align: top;
}
.img-col1 img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	vertical-align: top;
}
.story-red-txt {
	font-size: 22px;
	color: #db0632;
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
}
.img-col2 {
	vertical-align: top;
}
.img-col2 img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.story-contact-container h3 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.story-contact-container a {
	text-decoration: none;
}
/* -------- ALL PRODUCTS ---------- */
.product-hero-container {
	width: 100%;
	background-size: cover;
}
.product-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.product-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	
}
.all-product-container {
	width: 100%;
	background-color: #ffffff;
}
.all-product-content {
	margin-left:auto;
	margin-right:auto;
}
.all-product-content h3 {
	text-align: center;
	text-transform: uppercase;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-family: "niveau-grotesk", sans-serif;
}
.all-product-content p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px 50px 30px;
	text-align: center;
}
.dc-prod-bg {
	background-image: url("/wp-content/themes/lucasoilca/images/products/deep-clean/deep-clean-fuel-system-cleaner-product-cat-bg.jpg");
}
.ddc-prod-bg {
	background-image: url("/wp-content/themes/lucasoilca/images/products/diesel-deep-clean/diesel-deep-clean-product-cat-bg.jpg");
}
.eosl-prod-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/products/engine-oil-stop-leak/engine-oil-stop-leak-product-cat-bg.jpg");
}
.ft-prod-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/products/fuel-treatment/fuel-treatment-product-cat-bg.jpg");
}
.hdos-prod-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/products/heavy-duty-oil-stabilizer/heavy-duty-stabilizer_category-bg-1.png");
}
.ob-prod-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/products/octane-booster/octane-booster-product-cat-bg.jpg");
}
.tf-prod-bg {
	background-image:url("/wp-content/themes/lucasoilca/images/products/transmission-fix/transmission-fix-product-cat-bg.jpg");
}

.single-product-container {
	background-size: cover;
	background-position: bottom;
}
.single-product-container img {
	height: auto;
}
.single-product-container-details {
	vertical-align: top;
}
.single-product-container h4 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.single-product-container a {
	display: block;
	padding: 10px 0px;
	background-color: #ffffff;
	color: #003da5;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
.single-product-container a:hover {
	background-color: #db0632;
	color: #ffffff;
}
/* -------- PRODUCT ---------- */
.dc-hero-container {
	width: 100%;
	background-image: url("/wp-content/themes/lucasoilca/images/products/deep-clean/deep-clean-fuel-system-cleaner-banner.jpg");
	background-size: cover;
	background-position: center;
}
.ddc-hero-container {
	width: 100%;
	background-image: url("/wp-content/themes/lucasoilca/images/products/diesel-deep-clean/diesel-deep-clean-banner.jpg");
	background-size: cover;
	background-position: center;
}
.eosl-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/products/engine-oil-stop-leak/engine-oil-stop-leak-banner.jpg");
	background-size: cover;
	background-position: center;
}
.ft-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/products/fuel-treatment/upper-cylinder-lubricant__product-page-banner-1.jpg");
	background-size: cover;
	background-position: center;
}
.hdos-hero-container {
	width: 100%;
	background-image: url("/wp-content/themes/lucasoilca/images/heavy-duty-stabilizer_product-page-banner-1.png");
	background-size: cover;
	background-position: center;
}
.ob-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/products/octane-booster/octane-booster-banner.jpg");
	background-size: cover;
	background-position: center;
}
.tf-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/products/transmission-fix/transmission-fix_product-page-banner.jpg");
	background-size: cover;
	background-position: center;
}

.product-page-hero-container {
	width: 100%;
	background-size: cover;
	background-position: center;
}
.product-details-container {
	width: 100%;
	color: #222222;
}
.product-details-content {
	margin-left: auto;
	margin-right: auto;
}
.product-lft-col {
	vertical-align: top;
	font-weight: 300;
}
.product-lft-col h1 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-lft-col h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}

.product-lft-col p {
	color: #222222;
}
.product-arrow {
	color:#db0632;
	vertical-align: middle;
	font-weight: bold;
}
.key-benefit-container {
	vertical-align: top;
}
.key-benefit-container h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.packaging-container {
	vertical-align: top;
}
.packaging-container h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.directions-container {
	vertical-align: top;
}
.directions-container h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-documents h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-table tr td {
	border: 1px solid rgba(0,0,0,.1);
}
.product-wtb-btn {
	padding: 10px 0px;
	color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #003da5;
	border-radius: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}
.product-wtb-btn:hover {
	background-color: #db0632;
}
.product-documents {
	width: 100%;
	display: block;
}

.product-documents a {
	font-size: 17px;
	text-decoration: none;
	color: #003da5;
}
.product-documents a:hover {
	color: #333333;
}
.doc-icon {
	display: inline-block;
	width: 40px;
	height: auto;
	margin-right: 20px;
}
.product-document-link {
	display: inline-block;
	width: calc(100% - 70px);
	color: #003da5;
	font-size: 18px;
}
.product-media-container {
	width: 100%;
}
.product-media-container-title {
	margin-left: auto;
	margin-right: auto;
}
.product-media-container-title h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.media-arrow {
	color: #db0632;
	font-weight: 300;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
.product-media-content-bg {
	width: 100%;
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
}
.product-media-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.media-container {
	vertical-align: middle;
}
.media-title {
	color:#ffffff;
	text-transform: uppercase;
	margin-left: 5px;
	margin-right: -15px;
	font-size: 16px;
	margin-bottom: 5px;
}
.media-thumbnail {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffffff;
	vertical-align: middle;
	position: relative;
}
.media-thumbnail img {
	max-width:90%;
	max-height:90%;
	width: auto;
	height: auto;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.play-img {
	width: 30px !important;
	height: 30px !important;
}
.product-footer-img-container {
	width: 100%;
	background-position: top center;
	background-size: cover;
	height: 800px;
	padding-top: 40px;
}
/* Constrain the product footer image on mobile and tablet */
@media screen and (max-width: 1199px) {
	.product-footer-img-container {
		max-height: 300px;
	}
}

/* -------- VIDEOS ---------- */
.video-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/videos-header-image.jpeg");
	background-size: cover;
}
.video-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.video-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	
}
.title-arrow {
	color:#ffffff;
	text-align: center;
	font-weight: 300;
	font-family: "niveau-grotesk", sans-serif;
}
.video-page-container {
	width: 100%;
	background-color: #ffffff;
	
}
.video-page-content {
	margin-left: auto;
	margin-right: auto;
}

.video-player-card {
}
.video-player-card h3 {
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
	color: #222222;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.yt-video {
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: auto;
}

.yt-video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------- CONTACT ---------- */
.contact-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/videos-header-image.jpeg");
	background-size: cover;
}
.contact-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.contact-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.contact-page-container {
	width: 100%;
	background-color: #ffffff;
}
.contact-page-content {
	margin-left: auto;
	margin-right: auto;
}
.contact-page-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.contact-page-content p {
	text-align: center;
}
/* -------- WHERE TO BUY ---------- */
.stores-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/where-to-buy_header-image.jpg");
	background-size: cover;
}
.stores-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.stores-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.stores-container {
	width: 100%;
	background-color: #ffffff;
}
.stores-content {
	margin-left: auto;
	margin-right: auto;
}
.stores-content h3 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.map-container {
	text-align: left;
}
.txt-center {
	text-align: center;
}
/* -------- CATALOGS ---------- */
.catalog-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/videos-header-image.jpeg");
	background-size: cover;
}
.catalog-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.catalog-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.catalog-page-container {
	width: 100%;
	background-color: #ffffff;
}
.catalog-page-content {
	margin-left: auto;
	margin-right: auto;
}
.catalog-page-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.catalog-page-content p {
	text-align: center;
}
.catalog-page-content img {
	width: 250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.cat-blue-btn {
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #003da5;
	border-radius: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width:200px;
	font-size: 22px;
	padding: 10px 0px;
	margin: auto auto 40px auto;
}
.cat-blue-btn:hover {
	background-color: #db0632;
}
.cat-red-btn {
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #db0632;
	border-radius: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width:200px;
	font-size: 22px;
	padding: 10px 0px;
	margin: auto;
}
.cat-red-btn:hover {
	background-color: #003da5;
}



/* -------- FOOTER ---------- */
.footer {
	width: 100%;
	height: 200px;		/* Footer height */
	text-align: center;
	background: radial-gradient( farthest-corner at 40% 60%,rgba(196,5,45,1) 40%,rgba(0,0,0,1) 140%);
}
.footer-content {
	padding-top: 40px;
	color:#ffffff;
}
.footer-nav a {
	color: #ffffff;
	text-decoration: none;
}
.footer-nav a:hover {
	text-decoration: underline;
}
/* Footer menu (native WP menu) — render inline with pipe separators */
.footer-nav .footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-nav .footer-menu li {
	display: inline-block;
}
.footer-nav .footer-menu li:not(:last-child)::after {
	content: "|";
	padding: 0 8px;
	color: #ffffff;
}
.footer-copy {

}
.footer-logo {
	height: auto;
	padding-bottom: 20px;
}
.lightbox .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.lightbox .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.lightbox .btn-close svg {
	fill:#000;
}




/* -------- NEWS ---------- */




/* -------- AMBASSADORS ---------- */
@media(min-width:1px){
	.ambassador-container {width: 90%;}
	.sorter {width: 40%}
	.social-th {font-size: 0.8em;}
	.ambassador-container a {width: 28px;height: 28px;}
	.ambassador-container h3 {font-size: 1em;}
	.ambassador-container h4 {font-size: 0.8em;}
}
@media(min-width:734px){
	.ambassador-container {width: 90%;}
	.sorter {width: 30%}
	.social-th {font-size: 1.5em;}
	.ambassador-container a {width: 28px;height: 28px;}
	.ambassador-container h3 {font-size: 1em;}
	.ambassador-container h4 {font-size: 0.9em;}
}
@media(min-width:1280px){
	.ambassador-container {width: 28%;}
	.ambassador-container h3 {font-size: 1.2em;}
}
@media(min-width:1920px){
	.ambassador-container {width: 30%;}
}

h2 {
	color: #333;
	padding: 10px 0;
}
.filter {
	margin: 50px 0px 10px 25px;
	text-align: left !important;
}
.filter a {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	position: relative;
	margin-right: 8px;
	margin-bottom: 10px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #003da5;
	font-weight: 700;
	font-size:.8em;
	border-right: 2px solid #cdcdcd;
	text-decoration: none;
	border: 1px solid #003da5;
	border-radius: 2px;
}
.filter a:last-of-type {
	border-right: none;
}
.filter a:hover {
	text-decoration: none;
	background-color: #db0632;
	border: 1px solid #db0632;
}
.boxes {
	display: flex;
	flex-wrap: wrap;
}
.filter a.active {
	color:#ffffff;
	text-decoration: underline;
	background-color: #db0632;
	border: 1px solid #db0632;
}
.is-animated {
	animation: .1s zoom-in;
}
@keyframes zoom-in {
	0% {
		transform: scale(.1);
	} 
	100% {
		transform: none;
	}
}
.ambassador-container {
	display: inline-block;
	box-shadow: 1px 1px 5px #eeeeee;
	vertical-align: top;
	margin: 25px;
	border: #fdfdfd solid 1px;
}
.profile-pic {
	width: 100%;
	display: block;
}
.ambassador-container h3 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #333;
	display: block;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
	vertical-align: top;
	margin: 0px 0px 5px 15px;
	padding-top: 10px;
}
.ambassador-container h4 {
	color: #000000;
	display: block;
	width: 100%;
	margin-bottom: 0px;
	vertical-align: top;
	margin: 7px 0px 0px 15px;
}
.website-btn {
	background: url(https://www.lucasoil.com/images/icons/web_grey.svg) no-repeat transparent;
}
.facebook-btn {
	background: url(https://www.lucasoil.com/images/icons/facebook_grey.svg) no-repeat transparent;
}
.twitter-btn {
	background: url(https://www.lucasoil.com/images/icons/twitter_grey.svg) no-repeat transparent;
}
.instagram-btn {
	background: url(https://www.lucasoil.com/images/icons/instagram_grey.svg) no-repeat transparent;
}
.video-btn {
	background: url(https://www.lucasoil.com/images/icons/video_grey.svg) no-repeat transparent;
}
.ambassador-container a {
	cursor: pointer;
	float: right;
	margin: 30px 15px 15px 0px;
}
.ambassador-table {
	width: 100%;
}
.ambassador-table a {
	cursor: pointer;
	margin: auto;
	display: block;
	float: right;
	z-index: 10;
}
.ambassador-table th {
	background-color: #003da5;
	color: #ffffff;
	padding: 10px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
}
.ambassador-table td {
	padding: 5px;
}
.ambassador-table tr:nth-child(even) {
	background-color: #eeeeee;
}
.ambassador-table {
	margin-top: 10px;
}
.sorter {
	cursor: pointer;
}



/* -------- 404 ---------- */
.fourohfour-header-container {
	background-image: url("/wp-content/themes/lucasoilca/images/heavy-duty-stabilizer_product-page-banner-1.png");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.fourohfour-header-h1 {
	max-width: 1620px;
	font-size: 80px;
	color: #fff;
	font-weight: bold;
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	text-decoration: underline;
	text-underline-offset: 8px;
	text-decoration-thickness: 5px;
	text-shadow: 3px 3px 3px #000000;
	
}
.fourohfour-container {
	width: 100%;
	background-color: #fff;
	
}
.fourohfour-container h2 {
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
	font-weight: bold;
	
}
.fourohfour-page-content {
	margin-left: auto;
	margin-right: auto;
}
.non-block-content {
	margin-left: auto;
	margin-right: auto;
}



.wp-block { max-width: 100%; }
.wp-block[data-align="wide"] { max-width: 100%; }
.wp-block[data-align="full"] { max-width: none; }



/* ---------- Category Pages ---------- */
.category-icon {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}
.lifesty-icon-fix {
	width: 110px;
}
.category-list-container {
	margin-left: auto;
	margin-right: auto;
	display:block;
}
.product-category-container {
	background-color: #003da5;
	background-size: cover;
	background-position: center;
	vertical-align: top;
}

.product-category-thumb {
    width: 100%;
    min-height: 100px;
}

.category-thumb-img {
	max-width: 100%;
	height: auto;
	display: block;
}
.product-title-category-list {
	color:#ffffff;
	vertical-align: top;
}
.product-title-category-list h3 {
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	vertical-align: top;
}
.product-list-more-details {
	color: #003da5;
    background: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    transition: .4s all;
    width: 100%;
    text-align: center;
	margin-top: 23px;
}
.product-list-more-details:hover {
	color: #ffffff;
    background: #db0632;
}
.category-description-container {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 30px;
}
.category-description-container h2 {
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	font-size: 40px;
	font-weight: bold;
}

.category-description-container p {
    color: #000;
}
/* ---------- Category Backgrounds ---------- */

.category-hero-container {
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}


.category-hero-container-all-products {
	background-image: url("/wp-content/uploads/2024/04/all-products-header-image.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-2-cycle {
	background-image: url("/wp-content/uploads/2024/04/header-banner_2-cycle.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-appearance {
	background-image: url("/wp-content/uploads/2024/04/header-banner_appearance-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-engine-builder-lubricants {
	background-image: url("/wp-content/uploads/2024/04/header-banner_engine-builder.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-engine-oil-additives {
	background-image: url("/wp-content/uploads/2024/04/header-banner_engine-oil-additive-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-fuel-treatments {
	background-image: url("/wp-content/uploads/2024/04/header-banner_fuel-treatments.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-gear-oil {
	background-image: url("/wp-content/uploads/2024/04/header-banner_gear-oil.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-grease {
	background-image: url("/wp-content/uploads/2024/04/header-banner_grease.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-hydraulics {
	background-image: url("/wp-content/uploads/2024/04/header-banner_hydraulics.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-motor-oil {
	background-image: url("/wp-content/uploads/2024/04/header-banner_motor-oil-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-problem-solvers-utility {
	background-image: url("/wp-content/uploads/2024/04/header-banner_problem-solvers.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-transmission {
	background-image: url("/wp-content/uploads/2024/04/header-banner_transmission-solutions.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-agriculture {
	background-image: url("/wp-content/uploads/2024/04/header-banner_agriculture.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-hot-rods-classic-cars {
	background-image: url("/wp-content/uploads/2024/04/header-banner_classic-car-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-everyday-car-care {
	background-image: url("/wp-content/uploads/2024/04/header-banner_everyday-car-care.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-heavy-duty-trucking {
	background-image: url("/wp-content/uploads/2024/04/header-banner_heavy-duty-trucking.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-industrial {
	background-image: url("/wp-content/uploads/2024/04/header-banner_industrial.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-marine {
	background-image: url("/wp-content/uploads/2024/04/header-banner_marine.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-motorcycle {
	background-image: url("/wp-content/uploads/2024/04/header-banner_motorcycle.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-outdoor {
	background-image: url("/wp-content/uploads/2024/04/header-banner_outdoor-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-racing {
	background-image: url("/wp-content/uploads/2024/04/header-banner_racing.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* ---------- NEWS ---------- */
.news-page-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilca/images/news-header-image.jpg");
	background-size: cover;
	background-position: center;
}
.news-details-container {
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	vertical-align: top;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.news-details-content {
	vertical-align: top;
	display: flex;
	flex-direction: column;
}
.news-intro-txt {
	flex: 1;
}
.news-preview-img {
	/* border: 1px solid #cfcfcf; */
	aspect-ratio: 900 / 600;
	width: 100%;
	overflow: hidden;
}
.news-article-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-title-hdr {
	color: #003da5;
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
}

.news-footer-img-container {
}
.news-article-img {
	vertical-align: top;
}
.news-read-more-btn {
	padding: 10px 20px;
	text-decoration: none;
	background-color: #003da5;
	color: #ffffff;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	width: 190px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	cursor: pointer;
}
.news-single-container {
	width: 100%;
}
.news-single-content {
	margin-left: auto;
	margin-right: auto;
}
.news-single-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.6em;
}
.news-single-img {
	max-width: 1000px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.news-single-content-container {
	font-size: 0.8em;
}
.news-single-content-container img {
	max-width: 800px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/* ---------- Testimonials ---------- */


.testimonial-hero-container {
	background-image: url("/wp-content/themes/lucasoilca/images/testimonial-header-image.jpeg");
	width: 100%;
	background-size: cover;
	background-position: center;
}
.testimonial-page-container {
	width: 100%;
	display: block;
	padding: 50px 0px 50px 0px;
}
.testimonial-page-content {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.testimonial-loader-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.testimonial-nav {
	vertical-align: top;
}
.testimonial-nav h3 {
	color:#003DA5;
	font-size: 22px;
}
.testimonial-nav a {
	display: block;
	font-size: 20px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;
}
.testimonial-nav a:hover {
	text-decoration: underline;
}
.testimonial-list {
	vertical-align: top;
}
.testimonial-title {
	font-size: 28px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #000000;
}
.testimonial-person {
	color:#ABABAB;
	font-style: italic;
	font-size: 18px;
}
.testimonial-body {
	font-size: 18px;
}
.page-nav-links {
	display: block;
	text-align: center;
}
.page-nav-links a {
	padding: 10px 25px;
	color:#ffffff;
	background-color: #db0632;
	border: none;
	font-family: "niveau-grotesk", sans-serif;
	text-decoration: none;
}

.page-nav-links a:hover {
	background-color: #003da5;
}
.page-nav-links .current {
	padding: 10px 25px;
	color: #ffffff;
	background-color: #003da5;
	font-family: "niveau-grotesk", sans-serif;
}
.share-your-story-container {
	background-image: url("/wp-content/themes/lucasoilca/images/testimonial-bg.jpg");
	padding: 110px 0px;
	min-height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
.share-your-story-form {width: 1620px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	color:#ffffff;
	text-align: center;
}
.share-your-story-form h2 {
	font-size: 28px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
}
.share-your-story-form input {
	text-align: left;
}
.share-your-story-form textarea {
	text-align: left;
}
#gform_submit_button_3 {
	width: 100%;
	background-color: #db0632;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 300;
	font-family: "niveau-grotesk", sans-serif;
	padding-top: 15px;
	padding-bottom: 15px;
}



/* ---------- SDS selector ---------- */
.document-container {
	width: 400px;
	vertical-align: middle;
}
.langexpand {
	background-color: #ffffff;
	color: #333333;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
	line-height:40px;
	transition: 0.4s;
	border-bottom: 2px solid #aaaaaa;
	vertical-align: middle;
	cursor: default;
}

.sds-icon {
	height: 40px;
	width: auto;
	margin-bottom: -10px;
	margin-right: 10px;
	margin-top: -10px;
}
.langselect {
	padding: 0 18px;
	background-color: #ffffff;
	transition: 0.15s ease-out;
}
.langselect a {
	color: #333333;
}
.lang-subhead {
	color: #666666;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 13px;
}
.lang-btn {
	display: inline-block;
	background-color: #ffffff;
	width: 72px;
	border:1px solid #cccccc;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 18px;
	text-align: center;
	line-height: 70px;
	margin-left: -2.5px;
	margin-right: -2.5px;
}
.lang-btn:hover {
	background-color: #eeeeee;
}
.lang-btn:visited {
	color: #333333;
}
.belgium-lang {
	display: block;
	color: #aaaaaa;
	margin: -25px 0px 11px 0px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}
.belgium-fix {
	vertical-align: bottom;
}
.disabled-langs {
	padding-bottom: 20px;
	cursor: pointer;
}
.disabled-langs:after {
	display: none;
}
.no-pointer {
	cursor: none;
}

.button-container, .prod-cta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 265px;
}

/* Style for product buttons */
.prod-cta div {
  padding: 12px 20px;
  font-size: 16px;
  border: none;
  background-color: #003da5;
  cursor: pointer;
  width: 100%
}
   
.prod-cta div.btn-prod-vehicle-container {
    background-color: #db0632;
}

    
.prod-cta div a { 
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
    
.prod-cta div a:hover { 
    color: #fff;       
    text-decoration: underline;
}

/* Desktop layout */
@media (min-width: 1280px) {
    .prod-cta { min-width: 340px}    
.prod-cta div:nth-child(1),
.prod-cta div:nth-child(2) {
    flex: 1 1 calc(50% - 5px); /* Two columns with 10px total gap */
  }

.prod-cta div:nth-child(3),
.prod-cta div:nth-child(4) {
    flex: 1 1 100%; /* Full width for bottom two */
  }
}

/* Mobile/Tablet layout (4 rows) */
@media (max-width: 768px) {
.prod-cta div {
    flex: 1 1 100%;
  }
}


/* style for campaign pages */

.camp_hero_section h1{font-family:"niveau-grotesk",sans-serif;font-size:90px;line-height:80px;color:#fff;margin-bottom:20px;font-weight:700;text-transform:none}
img{max-width:100%}
.camp_hero_section p{color:#fff}
.camp_hero_section a.gb-button:hover,.camp_hero_section a.gb-button:active,.camp_hero_section a.gb-button:focus,.camp-product-intro-outer a.gb-button:hover,.camp-product-intro-outer a.gb-button:active,.camp-product-intro-outer a.gb-button:focus{background-color:#003da5;color:#fff}
.camp_hero_section a:hover{text-decoration:underline}
.camp_hero_section a.gb-button,.camp-product-intro-outer a.gb-button{display:inline-flex;justify-content:center;min-width:200px;background-color:#db0632;color:#fff;text-decoration:none}
.campfloating_menu ul{margin:0;list-style-type:none}
.campfloating_menu li{width:200px;padding:10px 20px;text-align:center;background:var(--crimson);font-weight:700}
.campfloating_menu li:hover{background:var(--accent)}
.campfloating_menu .buy{margin-bottom:10px}
.campfloating_menu a{color:#fff}
#slick-mist,#online-retailers,#find-a-retailer{scroll-margin:174px}
.camp_hero_outer{padding-left:25px;padding-right:25px;margin:0 auto}
.camp-button{display:block;padding:15px 20px;justify-content:center}
.camp-product-intro{padding:30px}
.camp-product-1-section{background-image:linear-gradient(0deg,#003da5 0%,#000e2a 100%)}
.camp-product-2-section{padding:30px 30px 100px;margin:0 auto}
.camp-product-0-section h1,.camp-product-0-section h2,.camp-product-0-section h4 .camp-product-1-section h1,.camp-product-1-section h2,.camp-product-1-section h4,.camp-product-1-section li{color:#fff}
.camp-product-0-section .gb-headline-text{text-transform:uppercase;color:#fff}
.camp-review-outer{margin:50px auto 0}
.camp-product-hero{padding-top:30px;margin-top:50px}
.camp-lo-desktop-logo{display:none;margin:30px 0 0}
.product-icons{font-size:14px;margin:0 auto}
.camp-product-intro-outer{margin:0 auto}
.camp-video-outer{margin:50px auto 0}
.camp-online-retailers-outer{padding-top:75px;padding-bottom:75px;margin:0 auto}
.camp-retailers-outer{padding-top:75px;padding-bottom:25px;margin:0 auto}
.fixed-menu{z-index:1000;margin:0 auto;background:#fff}
.fixed-menu-outer{margin:0 auto}
.floating_menu_wrap{display:none}
#hd-stabilizer{scroll-margin-top:200px}

@media screen and ( max-width: 1199px ) {
#online-retailers,#find-a-retailer{scroll-margin:125px}
.camp_header_buttons{display:none;width:100%}
.camp_header_buttons > div{display:flex;justify-content:center;padding-bottom:10px}
.camp_hero_outer{padding-left:0;padding-right:0;margin:0 auto}
.fixed-menu{display:none}
.lo-mobile-menu{display:block;background:radial-gradient(at top,#002a76ff 20%,#000f 100%);position:fixed;z-index:10000;width:100%;margin:0 auto;padding:0 15px 5px}
#mega-menu-max_mega_menu_1{margin-top:0!important}
.camp-lo-desktop-logo{display:none}
.camp-product-2-section{padding:10px 20px;margin:0 auto}
.camp-online-retailers-outer{padding-top:30px;padding-bottom:30px}
.camp-retailers-outer{padding-top:30px}
}

@media screen and ( max-width: 767px ) {
.gb-container-a3476bc8:before{top:50px!important}
.gb-container-2eed85a7{width:100%;min-height:300px}
.gb-container-2eed85a7 figure{margin:50px 0 0;text-align:right}
.gb-container-2eed85a7 .gb-block-image img{vertical-align:middle}
.camp_hero_header{color:var(--base-3);font-size:46px;line-height:46px;text-align:center}
.camp_hero_header span{white-space:nowrap}
.camp_product_image img{max-width:unset;max-height:330px;width:unset}
.camp-product-2-section{padding:20px;margin:0 auto}
.camp-product-intro{padding:10px}
.camp_hero_outer{padding-left:0;padding-right:0}
.product-icons{font-size:14px;margin:0 auto;padding:0 5px}
.camp-online-retailers-outer{padding-top:30px;padding-bottom:30px}
.camp-retailers-outer{padding-top:30px 20px 20px 20px;margin-top:50px}
}

@media screen and ( min-width: 768px ) {
.camp_hero_header{color:var(--base-3);font-size:65px;line-height:65px}
.camp_hero_header span{white-space:nowrap}
.camp_product_image img{max-width:unset;max-height:550px;width:unset}
}

@media screen and ( min-width: 1200px ) {
.fixed-menu{display:block}
.lo-mobile-menu{display:none;margin:0 auto}
.camp-lo-desktop-logo{display:block}
.camp_hero_header{color:var(--base-3);font-size:90px;line-height:90px}
}

@media screen and ( min-width: 1025px ) and ( max-width: 1300px ) {
.lo_camp_hero_inner{height:700px;display:flex;align-items:center;justify-content:center}
.lo_camp_hero_inner h1{font-size:70px;line-height:60px;color:var(--base-3)}
}