/*
Theme Name: Auta Dealer v1.0
Description: Custom theme for Auta.com dealer websites
Author: Auta.com
Author URI: http://www.auta.network/
Version: 1.0
*/

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');*/ /* font-family: 'Open Sans', sans-serif; */
/* moved to functions.php */


/* GENERAL DECLARATIONS */
* {box-sizing:border-box;}
body, html {margin:0;padding:0;height:100%;}
img {border:none;vertical-align:middle;max-width:100%;height:auto;}
iframe, .wp-video, video {max-width:100%;box-sizing:border-box !important;}
.wp-video * {max-width:100%;}
*:focus {outline:0;}

hr {border-top:1px dotted #999999;border-bottom:1px dotted #999999;height:3px;display:block;margin:20px 0;}

body {
	background-color:#ffffff;
	color:#444444;
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	line-height:1.5em;
}

/* for offsetting anchor links due to sticky header */
/*
a.offset60:before {
  content:"";
  display:block;
  height:60px;
  margin:-60px 0 0;
}
a.offset100:before {
  content:"";
  display:block;
  height:100px;
  margin:-100px 0 0;
}
*/

p {margin:20px 0;}

h1,h2,h3,h4,h5,h6,h7,h8,h9,h10 {font-weight:lighter;}
h1 {font-size:2em;margin:0 0 20px 0;}
h2 {font-size:1.75em;margin:0 0 20px 0;}
h3 {font-size:1.2em;margin:0 0 20px 0;}
h4 {font-size:1em;margin:0 0 10px 0;}
h5,h6,h7,h8,h9,h10 {font-weight:bold;font-size:1em;margin:0 0 0px 0;}

a {color:#23a38f;text-decoration:none;}
a:hover {text-decoration:underline;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:inherit;text-decoration:none !important;}

.wrapper {background-size:cover;background-repeat:no-repeat;background-position:center center;}
.wrapper-inner {
	width:97%;
	max-width:1200px;
	padding:20px 0;
	margin:0 auto;
}
.wrapper-inner.big {max-width:1500px;}
.wrapper-inner.small {max-width:850px;}
.wrapper-inner.x-small {max-width:642px;}
.wrapper-inner.xx-small {max-width:567px;}

main:first-of-type .wrapper-home:first-of-type h1 {text-align:center;}

.bxslider > *:not(:first-of-type) {display:none;}
.bxslider .slide {background-size:contain;background-position:center center;background-repeat:no-repeat;position:relative;}
.bxslider .slide > img:first-of-type {width:100%;}

.bx-wrapper .bx-pager {right:50%;transform:translateX(50%);}

.bxslider .slide .slide-overlay {height:100%;position:absolute;top:0;left:0;width:100%;color:white;}
.bxslider .slide .slide-overlay .wrapper-inner {height:100%;padding-top:15px;padding-bottom:15px;position:relative;}
.bxslider .slide .slide-overlay .wrapper-inner > table:first-of-type {height:100%;width:100%;}

body > header .bxslider a.button {position:absolute;bottom:6%;left:0;display:inline-block;text-decoration:none !important;
	background-size:cover;background-position:center center;background-color:rgba(255,255,255,0.5);color:black;border:2px solid white;line-height:normal;padding:5px 15px;font-weight:bold;}

/* fix for the fade flash to white effect on the "fade" mode */
.bxslider .previous {opacity:1 !important;}

body > header .mobile-nav-wrapper {display:none;}
body > header {border-top:5px solid #23a38f;}
body > header .logo-nav-wrapper {box-shadow:0 0 12px rgba(0,0,0,0.3);}
body > header .logo-nav-wrapper .wrapper-inner {padding:0;}
body > header .logo-wrapper {line-height:normal;}
body > header .logo-wrapper img {height:60px;width:auto;max-width:none;margin-top:9px;} /* img logo */
body > header .logo-wrapper div {margin:15px 0;} /* text logo */
body > header .logo-wrapper a {color:inherit;text-decoration:none !important;}
body > header h1.logo-wrapper {margin:0;overflow:hidden;}

body > header .nav-wrapper {text-align:center;background-color:#23a38f;color:#ffffff;font-weight:lighter;text-transform:uppercase;font-size:0;}
body > header .nav-wrapper ul, body > header .nav-wrapper ul li {list-style-type:none;margin:0;padding:0;}
body > header .nav-wrapper ul {display:block;text-align:center;background-color:#23a38f;}
body > header .nav-wrapper ul li {display:inline-block;position:relative;font-size:medium;}
body > header .nav-wrapper ul li a {display:block;width:auto;padding:10px 15px;color:inherit;text-decoration:none !important;font-size:0.9em;}

/* active */
body > header .nav-wrapper ul li a:hover, body > header .nav-wrapper ul li:not(.menu-item-inventory).current-menu-item > a {background-color:#f0563d;}

/* submenus */
body > header .nav-wrapper ul li ul {position:absolute;z-index:3;top:100%;left:0;min-width:100%;white-space:nowrap;text-align:left;box-shadow:0px 4px 12px rgba(0,0,0,0.3);display:none;}
body > header .nav-wrapper ul li ul li {display:block;}
body > header .nav-wrapper ul li ul li ul {top:0;left:100%;}
body > header .nav-wrapper ul li:hover > ul {display:block;}

body > header .contact-info-wrapper {/*float:right;*/text-align:right;margin:15px 0;}
body > header .contact-info-wrapper a {color:inherit;text-decoration:none !important;}
body > header .contact-info-wrapper .phone {font-size:1.2em;}

body > header .logo-nav-wrapper > .wrapper-inner {display:grid;grid-template-columns:repeat(2,auto);gap:30px;align-items:center;justify-content:space-between;}
@media(max-width:782px){ body > header .logo-nav-wrapper > .wrapper-inner {grid-template-columns:repeat(1,1fr);} }


/* hamburger */
.hamburger-menu-button {padding:0 10px 0 50px;margin:0;white-space:nowrap;position:relative;color:white;line-height:50px;text-decoration:none !important;font-size:14px;display:none;}
.hamburger-menu-button:hover {color:white;}
.hamburger-wrapper {display:inline-block;position:absolute;top:14px;left:10px;height:22px;width:32px;}
.hamburger-wrapper .hamburger-line {height:25%;margin-bottom:12.5%;background:white;border-radius:2px;position:relative;top:0;left:0;
	transition:all 250ms;-webkit-transition:all 250ms;-moz-transition:all 250ms;}
.hamburger-wrapper .hamburger-line:last-of-type {margin-bottom:0;}

.nopad {padding:0;}

.post {margin-bottom:60px;}
.post:last-of-type {margin-bottom:0;}

.post iframe:not(.wufoo-form-container) {width:100%;height:600px;}

.half, .col-2-wide {display:block;float:left;width:49%;margin:0 2% 30px 0;clear:none;}
.half:nth-of-type(2n), .col-2-wide:nth-of-type(2n) {margin-right:0;}
.half:nth-of-type(2n+1), .col-2-wide:nth-of-type(2n+1) {clear:left;}

.third, .col-3-wide {display:block;float:left;width:32%;margin:0 2% 30px 0;clear:none;}
.third:nth-of-type(3n), .col-3-wide:nth-of-type(3n) {margin-right:0;}
.third:nth-of-type(3n+1), .col-3-wide:nth-of-type(3n+1) {clear:left;}

.fourth, .col-4-wide {display:block;float:left;width:23.5%;margin:0 2% 30px 0;clear:none;}
.fourth:nth-of-type(4n), .col-4-wide:nth-of-type(4n) {margin-right:0;}
.fourth:nth-of-type(4n+1), .col-4-wide:nth-of-type(4n+1) {clear:left;}

.col-5-wide {display:block;float:left;width:18.4%;margin:0 2% 30px 0;clear:none;}
.col-5-wide:nth-of-type(5n) {margin-right:0;}
.col-5-wide:nth-of-type(5n+1) {clear:left;}

.sixth {display:block;float:left;width:15%;margin:0 2% 30px 0;clear:none;}
.sixth:nth-of-type(6n) {margin-right:0;}
.sixth:nth-of-type(6n+1) {clear:left;}

.auta-grid {display:grid;gap:20px;}
.auta-grid > *, section.dynamic .wrapper-large_link_boxes .auta-grid a {margin:0;margin-bottom:0;}
.auta-grid.auta-grid-1-wide {grid-template-columns:repeat(1,1fr);}
.auta-grid.auta-grid-2-wide {grid-template-columns:repeat(2,1fr);}
.auta-grid.auta-grid-3-wide {grid-template-columns:repeat(3,1fr);}
.auta-grid.auta-grid-4-wide {grid-template-columns:repeat(4,1fr);}
.auta-grid.auta-grid-5-wide {grid-template-columns:repeat(5,1fr);}

/* FORM defaults */
label {cursor:pointer;}
form {margin:0;padding:0;}
input, textarea, select {
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	padding:0px 18px;
	font-size:16px;
	vertical-align:middle;
	font-family:inherit;
	width:100%;
	font-weight:normal;
	line-height:50px;
	height:50px;
}
.field-wrap delect {width:100% !important;}
.nf-field-element select {height:50px !important;}
input[type=checkbox], input[type=radio] {width:auto;height:auto;line-height:normal;vertical-align:baseline;cursor:pointer;}

::-webkit-input-placeholder {color: #939598;font-style:italic;}
:-moz-placeholder {color: #939598;font-style:italic;}
::-moz-placeholder {color: #939598;font-style:italic;}
:-ms-input-placeholder {color: #939598;font-style:italic;}

textarea {height:150px;resize:vertical;line-height:normal;padding-top:10px;padding-bottom:10px;}
input[type=button], input[type=submit], button, a.btn {
	display:inline-block;
	background:#f0563d;
	border:none;
	cursor:pointer;
	padding:0px 30px;
	margin:10px 20px 10px 0;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	-webkit-appearance: none;
	width:auto;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	line-height:50px;
	min-width:150px;
	white-space:nowrap;
	overflow:hidden;
}

input:focus,select:focus,textarea:focus {box-shadow: 0 0 8px #23a38f;}

.wpcf7-form .wpcf7-not-valid-tip,.wpcf7-form .wpcf7-response-output {font-size:14px;text-align:left;}
.wpcf7-form > p:first-of-type {margin:0;}
.wpcf7-form input[type="submit"] {}

/*.clear,.gf_clear {clear:both;line-height:0px;height:0px;overflow:hidden;font-size:0px;}*/
.clear,.gf_clear {clear:both;}

.gfield_list_icons button {margin:0px;min-width:0px;}
.gfield_visibility_hidden {display:none;}
.gform_heading .gform_description {display:block;margin-bottom:30px;}
.gform_body > ul:first-of-type {margin:0;padding:0;}
.gform_body ul,gform_body li {list-style-type:none !important;}
.gform_body label {font-weight:bold;}
.gform_body .ginput_complex label {font-size:12px;font-weight:normal;} /* small label */
/*.gform_body label {display:none;}*/
.gform_wrapper .validation_error,.gform_body .validation_message {color:red;text-align:left;}
.gform_body .gfield_radio li {display:inline;margin-right:30px;}
.gform_body .gfield_radio label,
	.gform_body .gfield_checkbox label {display:inline;margin-left:4px;}
.gform_body .gfield {margin-bottom:30px;}

.ginput_full {display:block;width:auto;margin-bottom:10px;}
.ginput_left {display:block;float:left;width:49%;margin-bottom:10px;}
.ginput_right {display:block;float:right;width:49%;margin-bottom:10px;}

.gf_name_has_2 .name_first {display:block;float:left;width:49%;margin-bottom:10px;}
.gf_name_has_2 .name_last {display:block;float:right;width:49%;margin-bottom:10px;}


.page-nav {margin:60px 0;font-size:1.2em;font-weight:bold;}
.center {margin-left:auto;margin-right:auto;}
.text-center {text-align:center;}

.alignleft {float:left;margin:0 20px 20px 0;}
.alignright {float:right;margin:0 0 20px 20px;}
.aligncenter {display:block;margin:0 auto;}

/*.fancybox-wrap .fancybox-inner {overflow:visible !important;}*/
/*.fancybox-wrap {width:90% !important;max-width:1200px !important;}
.fancybox-wrap .fancybox-inner {width:auto !important;}*/


.wp-pagenavi {margin-top:20px;}
.wp-pagenavi .pages {display:inline-block;margin-right:25px;}
.wp-pagenavi a {display:inline-block;margin-right:25px;}

.error, .gform_confirmation_message {border:1px solid red;padding:10px 15px;color:red;font-weight:bold;margin-bottom:30px;line-height:normal;background:#FFECEC;}

.expandable-header {display:block;padding:10px 30px;border:1px solid #009fd9;border-radius:10px;cursor:pointer;font-weight:bold;margin-bottom:0;}
.expandable-header::after {content:"+";display:block;float:right;font-weight:bold;}
.expandable-header.expanded::after {content:"-";}
.expandable-header + * {margin:0;padding:20px 0 0px 30px;display:none;}

body > footer {color:white;background-color:#2e313d;font-size:0.75em;text-align:center;}
body > footer .wrapper-inner {padding:40px 0 60px 0;}
body > footer a {color:inherit;text-decoration:none;}
body > footer a:hover {color:inherit;text-decoration:none;}

body > footer .footer-menu {background:#23a38f;font-size:1.15em;line-height:0.85em;text-transform:uppercase;}
body > footer .footer-menu .wrapper-inner {padding:15px 0;}
body > footer .footer-menu ul, body > footer .footer-menu ul li {list-style-type:none;margin:0;padding:0;}
body > footer .footer-menu ul li {display:inline;}
body > footer .footer-menu ul li a {display:inline-block;padding:0px 10px;background:none !important;border-left:1px solid white;}
body > footer .footer-menu ul li:first-of-type a {border-left:none;}

.bx-controls {height:0 !important;overflow:visible;}
.bx-viewport {box-shadow:none !important;border:none !important;left:0 !important;}

.wp-caption-text.gallery-caption {line-height:normal;font-size:0.75em;font-style:italic;margin-top:5px;}

/* auta-inventory plugin adjustments */
.auta-scrape .auta-tab-wrapper h1, .auta-scrape .auta-tab-wrapper h2, .auta-scrape .auta-tab-wrapper h3, .auta-scrape .auta-tab-wrapper h4, .auta-scrape .auta-tab-wrapper h5 {font-family:inherit !important;}
.auta-scrape .auta-excerpt {display:none;}

ul.wp1s-bxslider {padding:0;}

section {margin:40px 0;}
section.dynamic .auta-scrape {margin-top:35px;}
section.dynamic .wrapper-inner {background-size:cover;background-position:center center;}
section.dynamic .wrapper-large_link_boxes {margin-bottom:-30px;}
section.dynamic .wrapper-large_link_boxes a {margin-bottom:30px;display:block;text-decoration:none;color:inherit;background-color:#fff;background-size:cover;background-position:center center;padding:12px;line-height:normal;}
section.dynamic .wrapper-large_link_boxes a:hover {box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
section.dynamic .wrapper-large_link_boxes a img {width:100%;height:auto;margin-top:5px;margin-bottom:5px;}
section.dynamic .wrapper-large_link_boxes a p:first-of-type {margin-top:0;}
section.dynamic .wrapper-large_link_boxes a p:last-of-type {margin-bottom:0;}

.social-wrapper a.social {display:inline-block;width:30px;height:30px;margin:7px;background-size:contain;background-position:center center;background-repeat:no-repeat;text-indent:99999px;overflow:hidden;}
.social-wrapper a.social.facebook {background-image:url('img/social/round/facebook.png');}
.social-wrapper a.social.twitter {background-image:url('img/social/round/x.png');}
.social-wrapper a.social.instagram {background-image:url('img/social/round/instagram.png');}
.social-wrapper a.social.youtube {background-image:url('img/social/round/youtube.png');}
.social-wrapper a.social.tiktok {background-image:url('img/social/round/tiktok.png');}


/* event tickets*/
section.tribe-tickets__commerce-checkout {max-width:none !important;}
#tribe-tickets__tickets-form {max-width:none !important;}
@media(min-width:768px){
    .tribe-events-event-meta {width:100% !important;}
}
@media(max-width:767px){
    .tec_tc_ticket {display:block !important;}
}

@media (max-width:1200px) {
	* {letter-spacing:normal !important;}
	body > header .nav-wrapper ul li a {padding-left:8px;padding-right:8px;}
}
@media (max-width:1250px){
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-6-wide {grid-template-columns:repeat(5,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-5-wide {grid-template-columns:repeat(4,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-4-wide {grid-template-columns:repeat(3,1fr) !important;}
}
@media (max-width:1100px){
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-6-wide {grid-template-columns:repeat(4,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-5-wide {grid-template-columns:repeat(3,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-4-wide {grid-template-columns:repeat(2,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-3-wide {grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:915px){
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-6-wide {grid-template-columns:repeat(3,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-5-wide {grid-template-columns:repeat(2,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-4-wide {grid-template-columns:repeat(2,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-3-wide {grid-template-columns:repeat(1,1fr) !important;}
}
@media (max-width:782px){
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-6-wide {grid-template-columns:repeat(2,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-5-wide {grid-template-columns:repeat(2,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-4-wide {grid-template-columns:repeat(1,1fr) !important;}
	section.dynamic .wrapper-large_link_boxes .auta-grid.auta-grid-3-wide {grid-template-columns:repeat(1,1fr) !important;}
}
@media (max-width:475px) {
	section.dynamic .wrapper-large_link_boxes .auta-grid {grid-template-columns:repeat(1,1fr) !important;}
}
@media (max-width:782px) {
	/* mobile */
	body,* {line-height:normal;}
	.alignleft, .alignright, .mobileblock, .m-block, .left-col, aside {display:block !important;width:100% !important;height:auto !important;max-width:none !important;float:none !important;margin:30px 0 !important;
		position:relative !important;top:0 !important; left:0 !important;text-align:left !important;padding:0 !important;border:none !important;}
	.mobilecenter,.m-center {text-align:center !important;}
			
	.wrapper-inner {width:93%;}
	.wrapper-inner .wrapper-inner {width:100% !important;}
		
	.m-block input, .m-block select, .m-block .btn {width:100% !important;}
	.m-block input[type=checkbox], .m-block [type=radio] {width:auto !important;}
	img.m-block {margin-left:auto !important;margin-right:auto !important;}
		
	.ginput_left,.ginput_right {float:none;width:auto;}
		
	/* large buttons on mobile */
	input, textarea, select {
		font-size:20px;
		line-height:50px;
		height:50px;
	}
	input[type=button], input[type=submit], button, a.btn {
		font-size:18px;
		line-height:50px;
	}
	
	body > header .logo-wrapper img {margin:10px 0;height:auto;width:auto;max-width:100%;}
	
	/*body > header .bxslider-header .slide img {display:none;}
	body > header .bxslider-header .slide {height:150px;height:30vw;}*/
	
	/* tables in main area */
	main .wrapper-inner table:not(.fixed), main .wrapper-inner table:not(.fixed) tr, main .wrapper-inner table:not(.fixed) tr td {height:auto !important;display:block !important;width:auto !important;}
	main .wrapper-inner table:not(.fixed) td {margin:20px 0;}
	main .wrapper-inner table.fixed {max-width:100%;}
	main .wrapper-inner table.fixed tr td {width:auto !important;}
	
	/* menu */
	.hamburger-menu-button {display:block;width:50%;}
	body > header .nav-wrapper {text-align:left;}
	body > header .nav-wrapper .phone-icon {float:right;height:30px;width:40px;margin-top:10px;background:url(img/phone-icon-946.png) center center no-repeat;background-size:contain;}
	body > header .nav-wrapper nav {position:relative;}
	body > header .nav-wrapper ul, body > header .nav-wrapper ul li {position:relative !important;top:0 !important;left:0 !important;box-shadow:none !important;min-width:0px !important;text-align:left;}
	body > header .nav-wrapper ul li, body > header .nav-wrapper ul li ul {display:block !important;}
	body > header .nav-wrapper nav > ul {/*position:absolute !important;box-shadow:0px 4px 12px rgba(0,0,0,0.3) !important;*/min-width:300px !important;display:none;}
	body > header .nav-wrapper ul li ul a {padding-left:25px !important;}
	body > header .nav-wrapper ul li ul li ul a {padding-left:35px !important;}
	body > header .nav-wrapper ul li ul li ul li ul a {padding-left:45px !important;}
	body > header .nav-wrapper ul li ul li ul li ul li ul a {padding-left:55px !important;}
	
	body > header .bxslider a.button {display:none;}
	
	.m-hide {display:none !important;}
	.wrapper-inner table:not(.fixed) tr td.m-hide {display:none !important;}
	.m-nopad {padding:0 !important;margin-top:0 !important;margin-bottom:0 !important;}
	
	section.dynamic .wrapper-large_link_boxes a {text-align:center;}
	/*section.dynamic .wrapper-large_link_boxes a.col {width:49% !important;margin-right:2% !important;clear:none !important;}
	section.dynamic .wrapper-large_link_boxes a.col:nth-of-type(2n) {margin-right:0 !important;}
	section.dynamic .wrapper-large_link_boxes a.col:nth-of-type(2n+1) {clear:left !important;}*/
	section.dynamic .wrapper-large_link_boxes a img {width:auto;margin-left:auto;margin-right:auto;}
}
@media (min-width:782px){
	body > header .nav-wrapper nav > ul {display:block !important;}
	.m-show {display:none !important;}
}
@media (max-width:600px) {
	.post iframe:not(.wufoo-form-container) {height:400px;}
}