/*
Theme Name: T-L Dealership
Author:     Provident Pro
Author URI: https://www.providentpro.com/
Version:    1.1.4
*/
@import url('editor-style.css?ver=1.1.4');
@import url('css/theme-editor-style.css?ver=1.1.4');
@import url('css/theme-layout-style.css?ver=1.1.4');

html { box-sizing:border-box; }
*, *:before, *:after { box-sizing:inherit; }

body { overflow-x:hidden; }

#page { background-color:#fff; }

.container { margin:0 auto; padding:0 15px; max-width:100%; width:1440px; }
.container:after { clear:both; content:''; display:table; }

.columns { display:flex; }

.basic-logo { display:table; table-layout:fixed; }
.basic-logo .badge { display:table-cell; padding-right:5%; vertical-align:middle; width:120px; }
.basic-logo .badge img { display:block; max-width:none; }
.basic-logo .type { color:#fff; display:table-cell; font-size:48px; line-height:1; text-align:center; text-transform:uppercase; vertical-align:middle; white-space:nowrap; }
.basic-logo .type .line-1 { display:block; font-weight:900; }
.basic-logo .type .line-2 { display:block; font-size:0.6em; font-weight:700; padding-top:0.15em }

.text-center { text-align:center; }

.caption { display:inline-block; padding:2em; }
.caption .heading { font-size:2.5em; font-weight:900; line-height:1; margin-bottom:0.4em; text-transform:uppercase; }
.caption a { text-decoration:none; }
.caption a:hover { text-decoration:underline; }

.icon { border-radius:50%; display:inline-block; width:3em; height:3em; line-height:3em; text-align:center; }

/* Header */
#header { box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.15); position:relative; width:100%; z-index:3; }
.one-page #header, #header.fixed { position:fixed; top:0; left:0; }
.one-page #header { display:none; }

#header .top-bar { padding:6px 0; }
#header .top-bar ul { list-style-type:none; margin-bottom:0; padding-left:0; text-align:right; }
#header .top-bar ul li { font-size:12px; }
#header .top-bar ul li i { margin-right:6px; }
#header .top-bar ul li a { text-decoration:none; }
#header .top-bar ul li a:hover { text-decoration:underline; }

#header .main .columns { justify-content:space-between; align-items:center; gap:30px; }

#header .basic-logo .badge { width:72px; }
#header .basic-logo .type { font-size:27px; }
#header .basic-logo a { display:block; text-decoration:none; }

#header .custom-logo { width:100%; }
#header .custom-logo img { vertical-align:bottom; }

#header .menu ul { list-style-type:none; margin-bottom:0; padding-left:0; text-align:right; white-space:nowrap; }
#header .menu ul li { display:inline-block; font-weight:500; margin-left:30px; position:relative; text-transform:uppercase; }
#header .menu ul li:after { content:''; display:block; height:3px; margin:0 auto; transition:width 0.3s; width:0; }
#header .menu ul li.hover:after { width:100%; }
#header .menu ul li:first-child { margin-left:0; }
#header .menu ul li a { display:block; text-decoration:none; }

#header .menu ul li.menu-item-has-children > a:after { content:'\f107'; font-family:'Font Awesome 5 Pro'; font-weight:400; margin-left:6px; }

#header .menu .sub-menu { display:none; left:0; min-width:150px; position:absolute; text-align:left; top:100%; transform:scale(0.9); transition:transform 0.3s; }
#header .menu ul li.hover > .sub-menu { transform:scale(1); }
#header .menu .sub-menu li { display:block; font-weight:400; margin-left:0; text-transform:none; white-space:nowrap; }
#header .menu .sub-menu li:after { content:none; }
#header .menu .sub-menu li a { padding:12px; transition:background-color 0.3s; }

#header .menu .sub-menu li.menu-item-has-children > a { padding-right:30px; }
#header .menu .sub-menu li.menu-item-has-children > a:after { content:'\f105'; margin-left:0; position:absolute; right:12px; }

#header .menu .sub-menu .sub-menu { left:100%; top:0; }

#header .menu  .search .search-form { box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.15); position:absolute; right:0; top:100%; width:300px; }

#header .menu .social-media ul li { font-size:15px; margin-left:15px; }
#header .menu .social-media ul li:first-child { margin-left:0; }

#header .mobile-menu-toggle { display:none; float:right; text-decoration:none; }
#header .mobile-menu-toggle:before { content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:30px; }
#header .mobile-menu-toggle.open:before { content:'\f00d'; font-weight:300; }

#header .mobile-menu { border-top-width:3px; border-top-style:solid; display:none; }

#header .mobile-menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#header .mobile-menu ul li { font-size:13px; font-weight:500; line-height:48px; text-transform:uppercase; white-space:nowrap; }
#header .mobile-menu ul li a { display:block; overflow:hidden; padding:0 15px; transition:background-color 0.3s, color 0.3s; text-decoration:none; text-overflow:ellipsis; }
#header .mobile-menu ul li.menu-item-has-children > a { padding-right:0; }
#header .mobile-menu ul li a .sub-menu-toggle { display:block; float:right; height:48px; margin-left:15px; text-align:center; width:48px; }

#header .mobile-menu .sub-menu { display:none; }
#header .mobile-menu .sub-menu li { font-weight:400; text-transform:none; }
#header .mobile-menu .sub-menu li a:before { content:'\f105'; font-family:'Font Awesome 5 Pro'; font-weight:400; margin-right:12px; }

/* Search Form */
.search-form { background-color:#fff; display:none; font-size:0; height:48px; }
.search-form input { border-width:0; font-size:15px; height:48px; line-height:48px; outline-width:0; padding:0 12px; vertical-align:top; width:calc(100% - 48px); }
.search-form button { height:48px; line-height:48px; outline-width:0; padding:0; vertical-align:top; width:48px; }
.search-form button:hover { transform:none; }

/* Slider */
#slider { display:none; }
#slider.slick-initialized { display:block; }

#slider .slide { height:660px; }

#slider .slide .image { background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute; transition:transform 1s; transform:scale(1.1); width:100%; }
#slider .slide.slick-active .image { transform:scale(1); }

#slider .slide .image a { display:block; width:100%; height:100%; }

#slider .slide .caption { bottom:12%; font-size:18px; line-height:1.4; opacity:0; position:absolute; transition:transform 1s, opacity 1s; transition-delay:0.5s; transform:translateY(30px); width:720px; right:calc(50vw - 720px); }
#slider .slide.slick-active .caption { opacity:1; transform:translateY(0); }

#slider .slide .caption a { font-weight:700; }

#slider .slick-arrow { background-color:transparent; border-width:0; color:#fff; cursor:pointer; font-size:72px; height:48px; line-height:48px; margin-top:-24px; outline-width:0; padding:0; position:absolute; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); top:50%; width:48px; z-index:2; }
#slider .slick-arrow i { line-height:48px; }
#slider .slick-prev { left:15px; }
#slider .slick-next { right:15px; }

#slider .slick-dots { bottom:4%; list-style-type:none; margin-bottom:0; padding-left:0; position:absolute; text-align:center; width:100%; }
#slider .slick-dots li { display:inline-block; }
#slider .slick-dots li button { background-color:transparent; border-width:0; cursor:pointer; display:block; font-size:0; height:24px; outline-width:0; padding:0; position:relative; width:24px; }
#slider .slick-dots li button:before { color:#fff; content:'\f111'; font-family:'Font Awesome 5 Pro'; font-size:14px; font-weight:400; height:24px; left:0; line-height:24px; position:absolute; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); top:0; width:24px; }
#slider .slick-dots li.slick-active button:before { content:'\f192'; }

/* Video Background */
#video-background { background-position:center center; background-repeat:no-repeat; background-size:cover; height:660px; overflow:hidden; position:relative; }

#video-background video { left:50%; min-height:100%; min-width:100%; position:absolute; top:50%; transform:translate(-50%, -50%); }

#video-background .content { left:0; position:absolute; text-align:center; top:50%; transform:translateY(-50%); width:100%; }
#video-background .content .caption { font-size:21px; line-height:1.4; }

/* Precontent */
#precontent { background-position:center center; background-repeat:no-repeat; background-size:cover; height:360px; position:relative; }

#precontent .page-title { left:0; position:absolute; text-align:center; top:50%; transform:translateY(-50%); width:100%; }
#precontent .page-title h1 { display:inline-block; margin-bottom:0; padding:18px; }

/* Body */
#body { background-color:#fff; padding:60px 0; }

#body .container > *:last-child, #body .content > *:last-child { margin-bottom:0; }

#body .sidebar { float:left; width:20%; }
#body.right-sidebar .sidebar { float:right; }

#body .sidebar .menu .parent { border-bottom-width:3px; border-bottom-style:solid; font-size:18px; font-weight:700; letter-spacing:0.1em; line-height:1.5;  margin-bottom:0; padding-bottom:18px; text-transform:uppercase; }
#body .sidebar .menu .parent a { text-decoration:none; }

#body .sidebar .menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#body .sidebar .menu ul li { font-size:12px; font-weight:500; text-transform:uppercase; }
#body .sidebar .menu ul li a { display:block; padding:18px; text-decoration:none; transition:background-color 0.3s, color 0.3s, padding-left 0.3s; }
#body .sidebar .menu ul li a:hover, #body .sidebar .menu ul li.current_page_item > a, #body .sidebar .menu ul li.current_page_ancestor > a { padding-left:36px; }
#body .sidebar .menu ul li a:before { content:'\f105'; display:inline-block; font-family:'Font Awesome 5 Pro'; font-weight:400; margin-left:-36px; opacity:0; text-align:center; transition:opacity 0.3s; width:36px; }
#body .sidebar .menu ul li a:hover:before, #body .sidebar .menu ul li.current_page_item > a:before, #body .sidebar .menu ul li.current_page_ancestor > a:before { opacity:1; }

#body .sidebar .menu .children { display:none; }
#body .sidebar .menu ul li.current_page_item > .children, #body .sidebar .menu ul li.current_page_ancestor > .children { display:block; }
#body .sidebar .menu .children li { font-weight:400; text-transform:none; }
#body .sidebar .menu .children li a { padding-left:36px; }
#body .sidebar .menu .children li a:hover, #body .sidebar .menu .children li.current_page_item > a { padding-left:54px; }

#body .content { float:right; width:calc(80% - 60px); }
#body.right-sidebar .content { float:left; }

/* Blog */
.blog-post { border:1px solid #ddd; margin:0 0 60px 30px; padding:30px 30px 30px 84px; }
.blog-post h2 { letter-spacing:normal; margin-bottom:0; text-transform:none; }
.blog-post h2 a { text-decoration:none; }
.blog-post p { margin:15px 0 0; }

.blog-post .date { float:left; font-weight:700; line-height:1; margin-left:-114px; padding:15px 0; text-align:center; text-transform:uppercase; width:84px; }
.blog-post .date span { display:block; }
.blog-post .date .day { font-size:30px; font-weight:900; }

.blog-post-title { border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px; }
.blog-post-title h2 { font-size:21px; line-height:1.4; margin-bottom:0; }
.blog-post-title p { font-size:13px; letter-spacing:0.1em; margin:15px 0 0; text-transform:uppercase; }

.share-post { font-size:0; list-style-type:none; padding-left:0; }
.share-post li { display:inline-block; font-size:15px; margin-right:6px; }
.share-post li:first-child { display:block; font-weight:500; margin-right:0; margin-bottom:6px; }
.share-post li a { color:#fff; display:block; height:42px; line-height:42px; text-align:center; transition:background-color 0.3s; width:42px; }
.share-post li.facebook a { background-color:#3b5998; }
.share-post li.twitter a { background-color:#1da1f2; }
.share-post li.linkedin a { background-color:#0077b5; }
.share-post li.facebook a:hover { background-color:#4a6fb2; }
.share-post li.twitter a:hover { background-color:#24b9f5; }
.share-post li.linkedin a:hover { background-color:#0095c8; }

/* Testimonials */
.testimonial-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:60px; }

.testimonial-grid .testimonial { text-align:center; }

.testimonial-grid .image { margin-bottom:15px; }
.testimonial-grid .image img { border-radius:50%; transition:transform 0.6s; vertical-align:bottom; width:150px; }
.testimonial-grid .image a:hover img { transform:scale(1.05); }

.testimonial-grid .title { font-weight:700; }

.testimonial-grid .location { font-size:12px; }

.testimonial-title { border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px; }
.testimonial-title h2 { letter-spacing:normal; margin-bottom:3px; text-transform:none; }
.testimonial-title .location { font-size:18px; line-height:1.3; }
.testimonial-title .location:before { content:'\f3c5'; font-family:'Font Awesome 5 Pro'; font-weight:900; margin-right:6px; }

.testimonial-image { margin-bottom:30px; text-align:center; }
.testimonial-image img { vertical-align:bottom; }

.testimonials-button { text-align:center; }

/* Search Results */
.search-result { border:1px solid #ddd; margin-bottom:60px; padding:30px; }
.search-result h2 { font-size:21px; line-height:1.4; margin-bottom:0; }
.search-result h2 a { text-decoration:none; }
.search-result p { margin:15px 0 0; }

/* Pagination */
.pagination { text-align:right; }
.pagination a { display:inline-block; height:48px; line-height:48px; margin-left:15px; text-align:center; text-decoration:none; transition:transform 0.3s; width:48px; }
.pagination a:hover { transform:scale(1.05); }

/* One Page */
#one-page-header { padding:60px 0; position:relative; }

#one-page-header .container { position:relative; }

#one-page-header .basic-logo { margin:0 auto; }

#one-page-header .phone { font-size:18px; margin:30px 0 0; text-align:center; }
#one-page-header .phone a { color:#fff; text-decoration:none; }
#one-page-header .phone a:before { color:#ffd200; content:'\f095'; font-family:'Font Awesome 5 Pro'; font-weight:900; margin-right:12px; }
#one-page-header .phone a:hover { color:#ffd200; }

#one-page-header .menu { font-size:0; list-style-type:none; margin:120px 0 0; padding-left:0; }
#one-page-header .menu li { display:inline-block; font-size:15px; font-weight:500; text-align:center; text-transform:uppercase; vertical-align:top; width:33.33%; }
#one-page-header .menu li a { color:#fff; display:inline-block; text-decoration:none; }
#one-page-header .menu li a .icon { display:block; font-size:36px; margin:0 auto 30px; transition:transform 0.3s; }
#one-page-header .menu li a:hover { color:#ffd200; }
#one-page-header .menu li a:hover .icon { transform:scale(1.05); }

#about .container { padding-top:60px; padding-bottom:60px; }

#about .columns { align-items:center; }
#about .column { flex-grow:1; flex-basis:0; padding:0 60px; }
#about .column:first-child { padding-left:0; }
#about .column:last-child { padding-right:0; }

#products .container { padding-top:60px; padding-bottom:60px; }

#products .tabs { display:table; table-layout:fixed; width:100%; }
#products .tabs .items { background-color:#ffd200; display:table-cell; padding:30px 0; vertical-align:top; width:480px; }
#products .tabs .items ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#products .tabs .items ul li { border-bottom:1px solid #ffc400; font-size:12px; font-weight:500; position:relative; text-transform:uppercase; }
#products .tabs .items ul li:first-child { border-top:1px solid #ffc400; }
#products .tabs .items ul li a { display:block; padding:30px; text-decoration:none; transition:background-color 0.3s; }
#products .tabs .items ul li.active a { background-color:#fff; }
#products .tabs .items ul li:after { border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:18px solid #fff; content:''; display:block; position:absolute; top:50%; right:-18px; margin-top:-18px; opacity:0; width:0; height:0; z-index:1; transition:opacity 0.3s; }
#products .tabs .items ul li.active:after { opacity:1; }
#products .tabs .items ul li a:hover { background-color:#ffc400; color:#102c52; }
#products .tabs .items ul li.active a:hover { background-color:#fff; }
#products .tabs .sections { display:table-cell; padding:60px 120px; position:relative; vertical-align:middle; }
#products .tabs .sections .section { color:#fff; display:none; position:relative; }
#products .tabs .sections .background-image { opacity:0; transition:opacity 1s; }
#products .tabs .sections .background-image.active { opacity:1; }
#products .tabs .sections .section.active { display:block; }
#products .tabs .sections .section h3 { color:#fff; }

#contact .container { padding-top:60px; padding-bottom:60px; }

#contact .icon { display:block; font-size:18px; margin:0 auto 15px; }

#contact .columns { padding:30px 0; }
#contact .columns:last-child { padding-bottom:0; }
#contact .column { flex-grow:1; flex-basis:0; padding:0 60px; }
#contact .column:first-child { padding-left:0; }
#contact .column:last-child { padding-right:0; }

#contact-form { margin-bottom:0; }
#contact-form .fields { font-size:0; margin:-15px; }
#contact-form .field { display:inline-block; padding:15px; vertical-align:top; width:100%; }
#contact-form .field.w2 { width:50%; }
#contact-form .field label { color:#102c52; display:block; font-size:12px; font-weight:500; margin-bottom:3px; text-transform:uppercase; }
#contact-form .field.has-error label { color:#a94442; }
#contact-form .field input, #contact-form .field textarea { border:1px solid #e6e6e6; border-radius:3px; font-size:15px; outline-width:0; width:100%; }
#contact-form .field.has-error input, #contact-form .field.has-error textarea { border-color:#a94442; }
#contact-form .field input { padding:0 15px; line-height:48px; }
#contact-form .field textarea { padding:15px; }
#contact-form .field .error { color:#a94442; display:block; font-size:12px; margin-top:3px; }

#contact-form .notice { border-width:1px; border-style:solid; border-radius:3px; display:block; font-size:12px; padding:18px 24px; margin-bottom:30px; }
#contact-form .notice i { margin-right:15px; }
#contact-form .notice.info { color:#31708f; background-color:#d9edf7; border-color:#bce8f1; } 
#contact-form .notice.success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6; }
#contact-form .notice.error { color:#a94442; background-color:#f2dede; border-color:#ebccd1; }

#contact-form .company { display:none; }

/* Footer */
#footer .top { text-align:center; }

#footer .basic-logo { margin:0 auto; }
#footer .basic-logo .badge { width:90px; }
#footer .basic-logo .type { font-size:36px; }

#footer .custom-logo { margin:0 auto; max-width:100%; }
#footer .custom-logo img { vertical-align:bottom; }

#footer .menu { list-style-type:none; margin-top:30px; margin-bottom:0; padding-left:0; }
#footer .menu li { display:inline-block; font-size:13px; font-weight:500; margin-left:30px; position:relative; text-transform:uppercase; }
#footer .menu li:after { content:''; display:block; height:3px; margin:0 auto; transition:width 0.3s; width:0; }
#footer .menu li:hover:after { width:100%; }
#footer .menu li:first-child { margin-left:0; }
#footer .menu li a { display:block; text-decoration:none; }

#footer .bottom { font-size:12px; padding:12px 0; text-align:center; }

#footer .bottom ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#footer .bottom ul li { border-left:1px solid #fff; display:inline; margin-left:12px; padding-left:12px; }
#footer .bottom ul li:first-child { border-left-width:0; margin-left:0; padding-left:0; }

#provident-pro-badge { vertical-align:middle; width:108px; }

/* Media Queries */
@media (max-width:1469px) {
	/* Slider */
	#slider .slide .caption { right:15px; width:calc(50% - 15px); }
}

@media (max-width:1199px) {
	/* Slider */
	#slider .slide { height:412px; }

	#slider .slide .caption { font-size:15px; }

	/* Video Background */
	#video-background { height:412px; }

	#video-background .content .caption { font-size:18px; }

	/* Testimonials */
	.testimonial-grid { grid-template-columns:repeat(5, 1fr); }
}

@media (max-width:991px) {
	#page { padding-top:0 !important; }
	.show-mobile-menu #page { position:fixed; width:100%; }

	/* Header */
	#header.fixed { position:relative; }
	.show-mobile-menu #header { bottom:0; overflow-y:auto; position:fixed; top:0; width:100%; }
	.show-mobile-menu.admin-bar #header { top:32px; }

	#header .menu { display:none; }

	#header .mobile-menu-toggle { display:block; }

	.show-mobile-menu #header .mobile-menu { display:block; }

	/* Slider */
	#slider .slide { height:341px; }

	#slider .slide .caption { font-size:12px; }

	/* Video Background */
	#video-background { height:341px; }

	#video-background .content .caption { font-size:15px; }

	/* Body */
	#body .sidebar, #body .content { float:none; width:100%; }

	#body .sidebar { margin-top:60px; }

	/* Testimonials */
	.testimonial-grid { grid-template-columns:repeat(4, 1fr); }

	/* One Page */
	#products .tabs .items { width:360px; }
	#products .tabs .sections { padding:60px; }
}

@media (max-width:782px) {
	/* Header */
	.show-mobile-menu.admin-bar #header { top:46px; }
}

@media (max-width:767px) {
	/* Header */
	#header .basic-logo .badge { width:48px; }
	#header .basic-logo .type { font-size:24px; }

	/* One Page */
	#one-page-header .basic-logo .badge { width:90px; }
	#one-page-header .basic-logo .type { font-size:36px; }

	/* Slider */
	#slider .slide { height:264px; }

	#slider .slide .caption { font-size:10px; }

	/* Video Background */
	#video-background { height:264px; }

	#video-background .content .caption { font-size:12px; }

	/* Precontent */
	#precontent { height:240px; }

	#precontent .page-title h1 { font-size:24px; }

	/* Body */
	.one-page #body { padding:30px 0; }

	/* Testimonials */
	.testimonial-grid { grid-template-columns:repeat(3, 1fr); }

	/* One Page */
	#about .container { padding:30px 0; }

	#about .columns { display:block; }
	#about .column { padding:30px 0; }
	#about .column:first-child { padding-top:0; }
	#about .column:last-child { padding-bottom:0; }

	#products .container { padding:30px 0; }

	#products .tabs .items { display:block; width:100%; }
	#products .tabs .items ul li:after { content:none; }
	#products .tabs .sections { display:block; padding:60px 15px; }

	#contact .container { padding:30px 0; }

	#contact .columns { display:block; }
	#contact .column { padding:30px 0; }
	#contact .column:first-child { padding-top:0; }
	#contact .column:last-child { padding-bottom:0; }

	/* Footer */
	#footer .basic-logo .badge { width:75px; }
	#footer .basic-logo .type { font-size:30px; }
}

@media (max-width:575px) {
	/* Header */
	#header .top-bar ul { text-align:center; }

	/* Slider */
	#slider .slide { height:198px; }

	#slider .slide .caption { bottom:auto; text-align:center; top:50%; transform:translateY(-40%); width:calc(100% - 30px); }
	#slider .slide.slick-active .caption { transform:translateY(-50%); }

	/* Video Background */
	#video-background { height:198px; }

	/* Testimonials */
	.testimonial-grid { grid-template-columns:repeat(2, 1fr); }

	/* One Page */
	#one-page-header { padding:30px; }

	#one-page-header .basic-logo .badge { width:75px; }
	#one-page-header .basic-logo .type { font-size:30px; }

	#one-page-header .menu li { border-bottom:1px solid rgba(255, 255, 255, 0.15); display:block; padding:15px 0; width:100%; }
	#one-page-header .menu li:first-child { border-top:1px solid rgba(255, 255, 255, 0.15); }
	#one-page-header .menu li a .icon { background-color:transparent; color:#ffd200; display:inline; font-size:15px; margin:0 12px 0 0; width:auto; height:auto; line-height:1; }

	#contact .icons li { display:block; margin-top:30px; width:100%; }
	#contact .icons li:first-child { margin-top:0; }

	#contact-form .field.w2 { width:100%; }
}