/* @group reset */
*{border:0;font-size:100%;font:inherit;vertical-align:baseline;padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;max-width:100%}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}pre{border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote{color:#767676;font-size:19px;font-style:italic;font-weight:300;line-height:1.2631578947;margin-bottom:24px}blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5}blockquote em,blockquote i,blockquote cite{font-style:normal}blockquote strong,blockquote b{font-weight:400}button,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;margin:0;max-width:100%;vertical-align:baseline}button,input{line-height:normal;margin-top:0;margin-bottom:4px}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}hr{background-color:rgba(0,0,0,0.1);border:0;height:1px;margin-bottom:23px}ol,ul,li,dl,dd{font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}
*, *::before, *::after {
  box-sizing: border-box;}
  
/* @end */

/* @group layout */
  
body {
	color: #000;
	display: flex;
	flex-direction: column;
	min-height: 100vh; }

.main {
  flex-grow: 1; }
  
.main.grid {
	display: flex;
	flex-flow: row wrap;
	margin-top: 1em;
	margin-bottom: 1em; }

footer {
  width: 100%;}

header {
  width: 100%;
  position: relative;
  z-index: 10;
	background: #000;
  margin: 0;
  padding: 0;}

a {
  text-decoration: underline;
  color: #000;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;}

.content-area a:visited:not(.btn):not(.button) {
  text-decoration: underline;
}

.content-area a:hover:not(.btn):not(.button) {
  text-decoration: none;
  color: #333; }
  
img {
   max-width: 100%;
   height: auto;}
    
/* @end */

/* My Account page */
.woocommerce-Address header {
	background: none;
}


/* @group Typography */

body,
button,
input,
select,
textarea,
blockquote {
 	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
 	font-size: .62rem ; }
  
h2, h3, h4, h5, h6 {
  font-family: "Pathway Extreme", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 600; }
  
h1 {
	font-family: "Pathway Extreme", sans-serif;
  font-optical-sizing: auto;
  font-size: 2.7em;
  line-height: 1.1em;
	font-weight: 700;
	font-variation-settings: "wdth" 75; 
  margin: .2em 0 .2em 0;
	text-transform: uppercase; }
    
h2 {
	font-family: "Pathway Extreme", sans-serif;
  font-optical-sizing: auto;
  font-size: 2.3em;
  line-height: 1.0em;
	font-weight: 660;
	font-variation-settings: "wdth" 75;
	margin: .6em 0 .5em;
	text-transform: uppercase; }
	
	h2 a {
		text-decoration: none;	}
		
	h2 a:hover {
		text-decoration: underline;	}
	
h2.logotype {
  font-size: 3em;
  line-height: 1.1em;
	font-weight: 600;
	font-variation-settings: "wdth" 95; 
  margin: 10px 0;
	text-transform: uppercase;
	color: #a1b8b8; }
  
ul.nav-menu {
	 font-size: 1.6em; 
	font-family: "Pathway Extreme", sans-serif;
  font-weight: 600;
  font-variation-settings: "wdth" 85;
	text-transform: uppercase;
	letter-spacing: -.3px;
	font-style: normal;
	font-optical-sizing: auto; }
	
p, blockquote, pre {
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 1.2em 0em 1.2em 0em; }
  
  .slide p {
		font-size: 1rem;
		line-height: 1.1rem;
		margin: 8px 0 0;
		padding: 0;	}
  
ol, ul, dl, table {
  font-size: 1.8em;
  line-height: 1.5em;
  margin: 1.2em 0em 1.2em 0em; }

ol, ul, dl, table {
  line-height: 1.3em;
  padding-left: 2.2em; }

ul > li, 
ol > li {
	font-size: 1em;
	margin: 0;
	padding: 4px 0;}

ul > li > ul, 
ol > li > ol {
	margin: 0; }

ul > li > ul > li, 
ol > li > ol > li {
	font-size: 1.1rem;
	line-height: 1.9rem;
	margin: 0;}

s,del	{
	text-decoration: line-through; }
	
strong, b {
	font-weight: bold; }


/* @end */

/* @group Navigation */	  

#access #toggle-bar,
#access button {
  display: none; }

#access {
  flex: 1 1 auto;
  flex-direction: row;}

ul.nav-menu {
  display: flex;
  justify-content: flex-end;
	flex-wrap: wrap;
  list-style: none;
  margin: 0;
  width: 100%;
  padding: 0; }

ul.nav-menu li {
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 0 12px;
  padding: 0;
  position: relative;}

ul.nav-menu li a:link, 
ul.nav-menu li a:visited  {
  color: #fff;
  display: block;
  padding: 12px 5px 14px;
  text-decoration: none;
  margin: 0;
	border: 1px solid transparent; }
  
ul.nav-menu li.current > a {
  color: #FEEC02;
  text-decoration: none; }
  
ul.nav-menu li:hover > a, 
ul.nav-menu ul:hover > a, 
ul.nav-menu a:focus {
  color: #FEEC02; } 
  
  ul.nav-menu li a:focus {
		border: 1px solid #333; 	}
	  
ul.nav-menu li:last-child a {
  padding-right: 0; }

#access li.children a:after {
	content: "";
  background: url('images/arrow_down.svg');
  background-size: 8px 6px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 2px;
  padding-right: 13px; }
  
  #access li.children.current a:after {
		content: "";
	  background: url('images/arrow_down_highlight.svg');
	  background-size: 8px 6px;
	  background-repeat: no-repeat;
	  background-position: center center;
	  margin-left: 2px;
	  padding-right: 13px; }

	#access ul li.children ul li a:after,
	#access ul li.children.current ul li a:after {
	  content: "";
		background: none; }


#access ul ul {
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  line-height: .9em;
  top: 37px;
  list-style: none;
  left: 0;
  width: 160px;
  opacity: 0;
  visibility: hidden;
	display: none;
  transition: opacity .2s ease-in-out .2s; }

#access ul ul li {
  margin: 0;}

#access ul ul a {
	background: #222;
  color: #fff;
  font-size: .9rem;
	line-height: .9rem;
  height: auto;
  padding: 12px 12px 12px 15px;
  width: 160px;
  margin: 0;
  text-align: left; }
  
#access ul li.current ul.sub-menu li.current a {
	color: #FEEC02; }

#access ul ul a:hover {
  color: #FEEC02;
  text-decoration: none;}

#access ul li:hover > ul,
#access ul li:focus-within > ul {
  display: block;
  opacity: 1;
  visibility: visible;}
  
/* @end */

/* @group widths */

.main {
	width: 96%;
	max-width: 1400px;
  padding: 0;
  margin: 0 auto;
	position: relative; }

.main > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.alignwide) {
	width: 92%;
  margin-left: auto;
  margin-right: auto; }
	
.content {
  width: 92%;
  max-width: 900px;
  padding: 0;
  margin: 0 auto;
  position: relative;}

.alignwide {
	width: 92%;
	max-width: 1000px;
	margin: 3em auto; }
	
.alignfull {
	width: 100%;
	max-width: 100%; }

.content.full {
  width: 100%;
  padding: 0;
  margin: 0 auto;}

header .content {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
	justify-content: space-between; }

.garages ul.countries {
	max-width: 1100px;
	width: 100%; }

/* @end */

/* @group Header */

.logo {
  flex: 0 1 auto;
  min-width: 150px;
  position: relative;
  z-index: 100 !important;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 6px; }
  
.logo p {
	color: #B3B3B3;
	font-size: 1.2em;
	line-height: 1.1em;
	text-decoration: none;
	font-style: italic;
	letter-spacing: -.3px;
	padding: 0 4px;
	margin: 0; }

.logo img {
  display: block;
/*  width: 100%;
  height: auto;*/
	margin-bottom: 1px; }
	
	.by_garage .logo {
		flex-direction: row;
		display: flex;
		align-items: center;}

/* @end */

/* @group Garages */

.garages {
  background: linear-gradient(172deg, rgb(26, 26, 26) 0%, rgb(15, 15, 15) 100%); }
	
.garages ul.countries {
	display: flex;
	flex-flow: row nowrap;
	list-style: none;
	padding: 0;
	margin: 0 auto; }

.garages ul.countries li {
	flex: auto;
	text-align: center;
	padding: 0;
	background: linear-gradient(172deg, rgb(45, 45, 45) 0%, rgb(12, 12, 12) 100%) #444; }

.garages ul.countries li a {
	display: block;transition: all .3s;
	height: 100%;
	width: 100%;
	padding: 26px 23px; }
	
.garages ul.countries li:hover a {
	background: #000; }


@media screen and (max-width: 880px) {
	.garages ul.countries {
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin: 0 auto; }
}

/* @end */

/* @group Slides */

.slideshow {
	color: #fff;
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.9) 100%);}

.slideshow.fade_right {
	position: relative;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.96) 100%); }
	
.slideshow.fade_left {
	position: relative;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.96) 100%); }
	
.slideshow .slide {
	max-width: 420px;
	margin-right: 50%;
	padding-top: 8vw;
	padding-bottom: 11vw; }
	
	.slideshow:not(.fade_right):not(.fade_left) .slide {
		margin-left: 4%;	}
	
	.slideshow.fade_right .slide {
		margin-left: 50%;
		margin-right: 0;	}
	
.slideshow p.button {
	font-size: .9rem;
	line-height: .9rem;
	color: #000;
	background: rgba(255, 255, 255, 0.9);
	font-family: "Pathway Extreme", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-weight: 200;
  font-variation-settings: "wdth" 30;
	position: absolute;
	right: 0;
	top: 0;
	text-transform: uppercase;
	letter-spacing: .5px;
	border-radius: 3px;
	padding: 3px 5px;
	width: 100px; }
	
	.slideshow.fade_right p.button {
		right: auto;
		left: 0; 	}
	
	@media screen and (max-width: 680px) {
		
		.slideshow .slide {
			max-width: 100%;
			padding-top: 45px;
			margin-right: 0; }
			
		.slideshow.fade_right .slide {
			margin-left: 0;	}
			
		.slideshow p.button {
			right: auto;
			top: 0;
			display: block;
			margin-left: calc(50% - 50px);	}
	
		.slideshow.fade_right {
			background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%); }
			
		.slideshow.fade_left {
			background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%); }
	
	}
	
.slideshow img.iyg {
	margin-bottom: 16px;}
	
.slideshow img.garage_logo,
.slideshow img.powered_logo {
	margin-top: 10px;
	margin-bottom: 10px; }

.slideshow img.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
	z-index: -1;
  object-fit: cover; }

.slideshow .slide.centered {
	text-align: center; }
	
.slideshow .slide.centered p em {
	/*powered by*/
	font-size: .8em; }
	
ul.buttons {
	display: flex;
	justify-content: center;
	font-size: 1.5em;
	line-height: 1.1em;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.21);
	list-style: none;
	margin: 20px 0 0;
	padding: 0; }
	
ul.buttons li {
	flex: 0 1 auto;
	padding: 0;
	margin: 0 -2px 0 0;
	border-radius: 2px;
	background-color: #111; }
	
	ul.buttons li:last-child {
		margin-right: 0;	}

ul.buttons li a:link,
ul.buttons li a:visited {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 8px 15px 10px;
	text-decoration: none; }
	
ul.buttons li a:hover {
	background: #222; }
	
	@media screen and (max-width: 380px) {
		ul.buttons {
			flex-direction: column;
			margin: 30px auto 0;
			width: 60%; }
		ul.buttons li {
			margin: 0 0 -2px; }}
	
	/*American*/

.american ul.buttons li:first-of-type {
	background: linear-gradient(90deg, rgba(0, 161, 161, 1) 0%, rgba(0, 141, 141, 1) 100%); }
	
.american ul.buttons li:nth-child(2) {
  background: linear-gradient(90deg, rgba(0, 199, 199, 1) 0%, rgba(0, 143, 143, 1) 100%); }

.american ul.buttons li:nth-child(3) {
  background: #00C7C7; }
  
  /*Japanese*/
  
.japanese ul.buttons li:first-of-type {
	background : linear-gradient(90deg, rgba(148, 0, 25, 1) 0%, rgba(101, 0, 17, 1) 100%); }
	
.japanese ul.buttons li:nth-child(2) {
  background: linear-gradient(90deg, rgba(176, 17, 44, 1) 0%, rgba(122, 12, 31, 1) 100%); }

.japanese ul.buttons li:nth-child(3) {
  background: #EA173A; }  

  /*italian*/
  
.italian ul.buttons li:first-of-type {
	background: linear-gradient(to right, rgb(102, 89, 79) 0%, #44382e 100%); }
	
.italian ul.buttons li:nth-child(2) {
  background: linear-gradient(to left, rgb(81, 74, 68) 0%, #7d6d60 100%); }

.italian ul.buttons li:nth-child(3) {
  background: #a1896f; }  
	
	/*british*/
  
.british ul.buttons li:first-of-type {
	background: linear-gradient(to right, rgb(27, 128, 173) 0%, #126d94 100%); }
	
.british ul.buttons li:nth-child(2) {
  background: linear-gradient(to right, rgb(28, 151, 203) 0%, #1581ae 100%); }

.british ul.buttons li:nth-child(3) {
  background: #28abe2; }  
  
 	/*german*/
  
.german ul.buttons li:first-of-type {
	background: linear-gradient(to right, #069b66 0%, #067a50 100%); }
	
.german ul.buttons li:nth-child(2) {
  background: linear-gradient(to right, #079763 0%, #058c5b 100%); }

.german ul.buttons li:nth-child(3) {
  background: #07ae72; }  
  
 /*specialty*/
  
.specialty ul.buttons li:first-of-type {
	background: linear-gradient(to right, #dc750e 0%, #ab5805 100%); }
	
.specialty ul.buttons li:nth-child(2) {
  background: linear-gradient(to right, #d7710b 0%, #c16306 100%); }

.specialty ul.buttons li:nth-child(3) {
  background: #e87b0d; }  


/* @end */


/* @group Auction */

.promo {
	background-color: #3d3d3d;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 4% 12px;
	color: #fff; }
	
.promo p {
	margin: 0;
	padding: 0;
	font-size: .7rem;
	line-height: 1rem;
	margin-right: 5px; }

.main.grid .auction {
	flex: 0 1 25%;
	padding: 20px 10px;
	margin: auto; }
	
	@media screen and (max-width: 990px) {
		.main.grid .auction {
			flex: 0 0 33%; }	}
			
	@media screen and (max-width: 780px) {
		.main.grid .auction {
			flex: 0 0 50%; }	}
			
	@media screen and (max-width: 640px) {
		.main.grid .auction {
			max-width: 500px;
			flex: 0 0 100%; }	}

.main.grid .auction img {
	border-radius: 5px; }

.main.grid .auction ul.buttons {
	margin-top: -18px;
	justify-content: flex-end; }

.main.grid .auction p {
	font-size: .9rem;
	line-height: 1.2rem;
	margin: -.6em 0 0; }

/* @end */

/* @group Special Notice */

.special_notice {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
  color: #fff;
  background : linear-gradient(172deg, rgb(65, 63, 63) 0%, rgba(8, 8, 8, 1) 99.7%);
  margin: 0;
  text-align: center;
  padding-top: 13px;
  padding-bottom: 15px;}

.special_notice p {
	font-size: 1.4em;
	line-height: 1.7em;
	color: #ccc;
	flex: 1 auto;
  margin: 0 20px 0;
  padding: 0; }
  
.special_notice p strong {
	font-family: "Pathway Extreme", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.4em;
  line-height: 1.3em;
	font-weight: 700;
	font-variation-settings: "wdth" 75; 
	text-transform: uppercase;
	color: #fff;
	display: block; }

.special_notice img {
	order: 2;
	flex: 0 auto;
	margin-right: 20px;
	margin-left: 20px; }
	
	@media screen and (max-width: 520px) {
		.special_notice p {
			flex: 1 0 100%;
			order: 2;
			margin-top: 6px;
		}}
  
.special_notice a:link,
.special_notice a:visited {
	color: #FEEC02; }
	
.special_notice a:hover {
	color: #eee;
	text-decoration: underline; }

/* @end */

/* @group Navigation - 967px */
@media screen and (max-width: 967px) {

	nav#access {
		min-width: 100px;
		flex: 0 1 auto;
  	display: flex;
		flex-flow: row wrap;
		align-content: center;
		align-items: center;
  	justify-content: flex-end; }

 	#access #toggle-bar,
	#access button {
    display: inline-block;
    z-index: 1000;	}
		
  #access ul.nav-menu li {
    display: none; }

  nav#access ul.responsive {
		position: absolute;
		left: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
		top: 50px;
		padding-bottom: 10px;	}

  #access ul.responsive li {
    margin: 0;
    font-size: 1.4em;
		line-height: 1.6em;
    z-index: 100;
    position: relative;
    display: block;
    width: 100%; }

  #access ul.responsive li a {
    display: block;
    width: auto;
    text-align: left;
    padding: 2px 5px 2px 13px;
    margin: 0;
    text-decoration: none;
    background-color: none; }
		
		 #access ul.responsive li ul.sub-menu li a {
	    font-size: 1.1rem;
			line-height: 1.2rem; 
	    padding: 5px 0 5px 13px;
	    font-weight: normal;    }

  #access ul.responsive ul li a {
    background: none;
    color: #fff; }

  #access ul ul a:hover {
    background: none;
    color: #ccc !important;
    text-decoration: none;    }

  #access ul.responsive ul {
		display: block;
		margin-bottom: 10px;
    width: 100%;
    float: none;
    position: relative;
    line-height: 1em;
    top: auto;
    left: auto;
    width: auto;
    z-index: 999;
    opacity: 1;
    visibility: visible; }
		
#access button {
  padding: 12px 37px 12px 0;
	font-size: 1.6em !important;
	line-height: 1rem !important;
	color: #fff;
  background: url(/wp-content/themes/iyh/assets/images/navicon.svg) right center no-repeat;
	background-size: 30px 16px;
	border: none;
	text-transform: uppercase;
	margin-left: 10px; }

}



@media screen and (max-width: 520px) { }
	

/* @group WooCommerce Button Styling */

/* Override WooCommerce default button styles to match theme - Yellow CTA buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce-page button.button,
.woocommerce-page a.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page .button {
	font-family: "Pathway Extreme", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600 !important;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase !important;
	letter-spacing: -.3px;
	font-size: 1.4em !important;
	line-height: 1.1em !important;
	color: #000 !important;
	background: #FEEC02 !important;
	border: 2px solid #FEEC02 !important;
	border-radius: 4px !important;
	padding: 8px 15px 10px !important;
	margin: 0 -2px 0 0 ;
	text-decoration: none !important;
	cursor: pointer;
	display: inline-block;
	text-shadow: none;
	transition: all .3s;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page .button:hover {
	background: #000 !important;
	color: #FEEC02 !important;
	border-color: #000 !important;
	text-decoration: none !important;
}

/* Primary/Add to Cart buttons - prominent yellow CTA */
.woocommerce button.button.primary,
.woocommerce a.button.primary,
.woocommerce input.button.primary,
.woocommerce button.button.single_add_to_cart_button,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce input.button.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button {
	background: #FEEC02 !important;
	color: #000 !important;
	border-color: #FEEC02 !important;
	font-weight: 700 !important;
}

.woocommerce button.button.primary:hover,
.woocommerce a.button.primary:hover,
.woocommerce input.button.primary:hover,
.woocommerce button.button.single_add_to_cart_button:hover,
.woocommerce a.button.single_add_to_cart_button:hover,
.woocommerce input.button.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce-page .single_add_to_cart_button:hover {
	background: #000 !important;
	color: #FEEC02 !important;
	border-color: #000 !important;
}

/* Secondary/Alternative buttons - black with yellow hover */
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page input.button.alt {
	background: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}

.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	background: #FEEC02 !important;
	color: #000 !important;
	border-color: #FEEC02 !important;
}

/* Contact seller and classified listing buttons - yellow CTA */
.woocommerce .contact-seller-button,
.woocommerce .make-offer-button,
.contact-seller-button,
.make-offer-button {
	font-family: "Pathway Extreme", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600 !important;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase !important;
	letter-spacing: -.3px;
	font-size: 1.4em !important;
	line-height: 1.1em !important;
	color: #000 !important;
	background: #FEEC02 !important;
	border: 2px solid #FEEC02 !important;
	border-radius: 4px !important;
	padding: 8px 15px 10px !important;
	margin: 0 -2px 0 0 ;
	text-decoration: none !important;
	cursor: pointer;
	display: inline-block;
	text-shadow: none;
	transition: all .3s;
	width: 100%;
	text-align: center;
}

.woocommerce .contact-seller-button:hover,
.woocommerce .make-offer-button:hover,
.contact-seller-button:hover,
.make-offer-button:hover {
	background: #000 !important;
	color: #FEEC02 !important;
	border-color: #000 !important;
	text-decoration: none !important;
}

/* Watchlist buttons - WC Simple Auctions - grey secondary style */
.woocommerce .sa-watchlist-action,
.sa-watchlist-action,
.add-wsawl,
.remove-wsawl,
.wsawl-link a {
	font-family: "Pathway Extreme", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase !important;
	letter-spacing: -.3px;
	line-height: 1.1em !important;
	color: #fff !important;
	background: #666 !important;
	border: 2px solid #666 !important;
	border-radius: 4px !important;
	padding: 8px 15px 10px !important;
	margin: 0 -2px 0 0 !important;
	text-decoration: none !important;
	cursor: pointer;
	display: inline-block;
	text-shadow: none;
	transition: all .3s;
	width: 100%;
	text-align: center;
}

.woocommerce .sa-watchlist-action:hover,
.sa-watchlist-action:hover,
.add-wsawl:hover,
.remove-wsawl:hover,
.wsawl-link a:hover {
	background: #FEEC02 !important;
	color: #000 !important;
	border-color: #FEEC02 !important;
	text-decoration: none !important;
}

/* Remove watchlist button - different color */
.remove-wsawl {
	background: #dc3545 !important;
	border-color: #dc3545 !important;
}

.remove-wsawl:hover {
	background: #c82333 !important;
	border-color: #c82333 !important;
	color: #fff !important;
}

/* Mobile responsiveness for WooCommerce buttons */
@media screen and (max-width: 380px) {
	.woocommerce button.button,
	.woocommerce a.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	.woocommerce .button,
	.woocommerce-page button.button,
	.woocommerce-page a.button,
	.woocommerce-page input.button,
	.woocommerce-page #respond input#submit,
	.woocommerce-page .button {
		width: 100% !important;
		margin: 0 0 -2px !important;
		text-align: center;
	}
}

/* @end */

.classified-form-container {
	padding:0;
	border:none;
	margin:0;
	box-shadow: none;
	border-radius: 0;
}

/* @group WooCommerce My Account Navigation */

/* Style WooCommerce My Account navigation to match theme - Bootstrap-like design */
.woocommerce-MyAccount-navigation {
	margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #e9ecef;
	margin: 0;
	position: relative;
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
	font-family: "Pathway Extreme", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600;
	font-variation-settings: "wdth" 85;
	font-size: 1.5em;
	line-height: 1.3em;
	color: #000;
	background: #fff;
	padding: 15px 20px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -0.3px;
	transition: all 0.3s ease;
	position: relative;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	background: #f8f9fa;
	color: #000;
	text-decoration: none;
	transform: translateX(5px);
}

.woocommerce-MyAccount-navigation ul li a:before {
	content: "▶";
	color: #FEEC02;
	font-size: 0.8em;
	margin-right: 10px;
	transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover:before {
	color: #000;
	transform: translateX(3px);
}

/* Current/Active menu item styling */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.current-menu-item a {
	background: #FEEC02;
	color: #000;
	font-weight: 700;
	border-left: 4px solid #000;
}

.woocommerce-MyAccount-navigation ul li.is-active a:before,
.woocommerce-MyAccount-navigation ul li.current-menu-item a:before {
	color: #000;
	content: "●";
}

.woocommerce-MyAccount-navigation ul li.is-active a:hover,
.woocommerce-MyAccount-navigation ul li.current-menu-item a:hover {
	background: #000;
	color: #FEEC02;
	transform: translateX(0);
}

/* Focus states for accessibility */
.woocommerce-MyAccount-navigation ul li a:focus {
	outline: 2px solid #FEEC02;
	outline-offset: -2px;
	background: #f8f9fa;
}

.woocommerce-MyAccount-navigation ul li.is-active a:focus,
.woocommerce-MyAccount-navigation ul li.current-menu-item a:focus {
	outline: 2px solid #000;
	background: #FEEC02;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
	.woocommerce-MyAccount-navigation ul li a {
		font-size: 1.3em;
		padding: 12px 15px;
	}
	
	.woocommerce-MyAccount-navigation ul li a:hover {
		transform: translateX(3px);
	}
}

@media screen and (max-width: 480px) {
	.woocommerce-MyAccount-navigation ul li a {
		font-size: 1.2em;
		padding: 10px 15px;
	}
}

/* @end */

/* @group IYG Auction Bid Form */

.iyg-auction-bid-form-wrapper {
	background: #f8f9fa;
	border: 2px solid #28a745;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.iyg-auction-bid-form-wrapper h4 {
	font-family: "Pathway Extreme", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase;
	letter-spacing: -.3px;
	font-size: 1.8em !important;
	line-height: 1.2em;
	color: #2c3e50;
	margin-bottom: 15px;
}

.iyg-auction-bid-form-wrapper p {
	font-size: 1.4em !important;
	line-height: 1.3em;
	margin: 10px 0;
	color: #495057;
}

/* Auction Status Messages */
.auction-status.future {
	background: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	color: #856404;
}

.auction-status.closed {
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	color: #721c24;
}

.auction-login-required {
	background: #d1ecf1;
	border: 1px solid #bee5eb;
	border-radius: 8px;
	padding: 25px;
	text-align: center;
	color: #0c5460;
}

.auction-payment-required {
	background: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 8px;
	padding: 25px;
	text-align: center;
	color: #856404;
}

/* Login/Register Buttons */
.login-register-buttons {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 15px;
}

.login-btn,
.register-btn,
.add-payment-btn {
	font-family: "Pathway Extreme", sans-serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600 !important;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase !important;
	letter-spacing: -.3px;
	font-size: 1.4em !important;
	line-height: 1.1em !important;
	color: #fff !important;
	background: linear-gradient(to right, rgb(27, 128, 173) 0%, #126d94 100%) !important;
	border: none !important;
	border-radius: 2px !important;
	padding: 8px 15px 10px !important;
	margin: 0 -2px 0 0 !important;
	text-decoration: none !important;
	cursor: pointer;
	display: inline-block;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.21);
	transition: all .3s;
}

.login-btn:hover,
.register-btn:hover,
.add-payment-btn:hover {
	background: linear-gradient(to right, rgb(28, 151, 203) 0%, #1581ae 100%) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.add-payment-btn {
	width: 100%;
	text-align: center;
}

/* Active Auction Bid Form */

.auction-bid-form-active h4 {
	color: #28a745;
	margin-bottom: 20px;
}

/* Winner and bidder links */
.auction-status a,
.iyg-auction-bid-form-wrapper a {
	color: #0073aa;
	text-decoration: underline;
	font-weight: 600;
}

.auction-status a:hover,
.iyg-auction-bid-form-wrapper a:hover {
	color: #005a87;
	text-decoration: none;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.iyg-auction-bid-form-wrapper {
		padding: 20px;
		margin-bottom: 20px;
	}
	
	.iyg-auction-bid-form-wrapper h4 {
		font-size: 1.6em !important;
	}
	
	.iyg-auction-bid-form-wrapper p {
		font-size: 1.2em !important;
	}
	
	.login-register-buttons {
		flex-direction: column;
		gap: 8px;
	}
	
	.login-btn,
	.register-btn {
		width: 100%;
		text-align: center;
		margin: 0 0 -2px !important;
	}
}

@media screen and (max-width: 480px) {
	.iyg-auction-bid-form-wrapper {
		padding: 15px;
	}
	
	.auction-status.future,
	.auction-status.closed,
	.auction-login-required,
	.auction-payment-required,
	.auction-bid-form-active {
		padding: 15px;
	}
}

.iyg-social-share {
	background-color: #fff;
}

/* Auction Price Display */
.iyg-auction-price {
	margin: 0 0 10px 0;
    font-size: 16px;
    color: #333;
}

.iyg-auction-price .iyg-auction-current-bidder {
	margin-top: 10px;
}

/* @end */

/* @group Page Sidebar Layout */

/* Grid layout with sidebar */
.main.grid.grid-with-sidebar {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 2rem;
    max-width: 1200px;
    margin: 1em auto;
    padding: 0 1rem;
}

/* Content area takes up the left column */
.main.grid.grid-with-sidebar .content-area {
    min-width: 0; /* Prevents grid overflow */
}

/* Sidebar styles */
.page-sidebar {
    background: #f8f8f8;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.page-sidebar .widget {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.page-sidebar .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.page-sidebar .widget-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
    border-bottom: 2px solid #007cba;
    padding-bottom: 0.5rem;
}

.page-sidebar ul {
    list-style: none;
    padding: 0;
}

.page-sidebar ul li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.page-sidebar ul li:last-child {
    border-bottom: none;
}

.page-sidebar a {
    color: #333;
    text-decoration: none;
}

.page-sidebar a:hover {
    color: #007cba;
    text-decoration: underline;
}

/* Responsive design */
@media (max-width: 768px) {
    .main.grid.grid-with-sidebar {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
    
    .page-sidebar {
        margin-top: 2rem;
        padding: 1rem;
    }
}

/* @end */

/* @group Full Width Page Layout */

/* Full width layout without sidebar */
.main.grid.full-width {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main.grid.full-width .content-area {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Override the main child element width constraint for full width */
.main.grid.full-width > * {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.main.grid.full-width .entry-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #333;
    text-align: center;
}

.main.grid.full-width .entry-content {
    /*font-size: 1.1rem;*/
    line-height: 1.8;
    max-width: none;
}

/* Responsive design for full width */
@media (max-width: 768px) {
    .main.grid.full-width {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .main.grid.full-width .content-area {
        padding: 0;
    }
    
    .main.grid.full-width .entry-title {
        font-size: 2rem;
    }
    
    .main.grid.full-width .entry-content {
        font-size: 1rem;
        line-height: 1.6;
    }
}

/* @end */

/* @group Footer Navigation */

.site-footer h6 {
	font-family: "Pathway Extreme", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase;
	letter-spacing: -.3px;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 15px;
}

/* Footer Menu Container */
.footer-menu-container {
	border-top: 1px solid #333;
	margin-top: 40px;
	padding-top: 30px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Footer Menu Navigation */
.footer-navigation {
	text-align: center;
}

.footer-navigation ul.footer-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.footer-navigation ul.footer-menu li {
	font-family: "Pathway Extreme", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	font-variation-settings: "wdth" 85;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	position: relative;
}

.footer-navigation ul.footer-menu li:not(:last-child)::after {
	content: "|";
	color: #666;
	margin: 0 15px;
	font-weight: 300;
}

.footer-navigation ul.footer-menu li a {
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -.3px;
	padding: 8px 0;
	display: block;
	transition: color 0.3s ease;
}

.footer-navigation ul.footer-menu li a:hover,
.footer-navigation ul.footer-menu li a:focus {
	color: #FEEC02;
	text-decoration: none;
}

.footer-navigation ul.footer-menu li.current-menu-item a,
.footer-navigation ul.footer-menu li.current_page_item a {
	color: #fff;
}

/* Footer Bottom Section */
.footer-bottom {
	border-top: 1px solid #333;
	margin-top: 30px;
	padding-top: 20px;
	text-align: center;
}

.footer-bottom-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.footer-bottom .copyright {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #999;
	margin: 0;
	font-style: italic;
}

/* Responsive Footer Menu */
@media (max-width: 768px) {
	.footer-navigation ul.footer-menu {
		flex-direction: column;
		gap: 10px;
	}
	
	.footer-navigation ul.footer-menu li:not(:last-child)::after {
		display: none;
	}
	
	.footer-navigation ul.footer-menu li {
		font-size: 1.2em;
	}
	
	.footer-menu-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.footer-bottom-container {
		padding: 0 15px;
	}
	
	.footer-bottom .copyright {
		font-size: 1.1em;
	}
}

@media (max-width: 480px) {
	.footer-navigation ul.footer-menu li {
		font-size: 1.1em;
	}
	
	.footer-menu-container {
		margin-top: 30px;
		padding-top: 20px;
	}
	
	.footer-bottom {
		margin-top: 20px;
		padding-top: 15px;
	}
}

/* Alternative Horizontal Footer Menu Layout */
.footer-navigation.horizontal {
	text-align: left;
}

.footer-navigation.horizontal ul.footer-menu {
	justify-content: flex-start;
	gap: 25px;
}

.footer-navigation.horizontal ul.footer-menu li:not(:last-child)::after {
	display: none;
}

/* Footer Menu with Icons Support */
.footer-navigation ul.footer-menu li .menu-icon {
	margin-right: 8px;
	font-size: 0.9em;
}

/* Footer Menu Widget Style (if used in widget areas) */
.footer-widget-area .widget_nav_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-widget-area .widget_nav_menu ul li {
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.2em;
}

.footer-widget-area .widget_nav_menu ul li a {
	font-family: "Pathway Extreme", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	font-variation-settings: "wdth" 85;
	text-transform: uppercase;
	letter-spacing: -.3px;
	color: #ccc;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-widget-area .widget_nav_menu ul li a:hover {
	color: #FEEC02;
}

.footer-widget-area .widget_nav_menu ul li.current-menu-item a {
	color: #fff;
}

/* Footer Social Menu (if using social icons) */
.footer-navigation.social ul.footer-menu {
	gap: 15px;
}

.footer-navigation.social ul.footer-menu li:not(:last-child)::after {
	display: none;
}

.footer-navigation.social ul.footer-menu li a {
	font-size: 1.8em;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #333;
	transition: all 0.3s ease;
}

.footer-navigation.social ul.footer-menu li a:hover {
	background: #FEEC02;
	color: #000;
	transform: translateY(-2px);
}

/* @end */


/* @end */



.auction-container h1 {
	margin: 0.5em 0 0.5em 0;
}
.description-content, .vehicle-description {
	font-size: 1.3em;
}

/* @group Classified Listings Grid Theme Integration */

/* Override plugin styles with IYH theme styling */
.classified-listings-page {
    margin: 20px 0;
    color: #000;
}

/* Filters wrapper - IYH theme styling */
.classified-filters-wrapper {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
}

/* Search form styling */
.classified-search-form input[type="text"] {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    font-size: 1.4em;
    line-height: 1.3em;
    padding: 12px 40px 12px 15px;
    border: 2px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.classified-search-form input[type="text"]:focus {
    border-color: #FEEC02;
    outline: none;
}

.classified-search-form .search-submit {
    background: #FEEC02;
    color: #000;
    border: 2px solid #FEEC02;
    padding: 12px 20px;
    border-radius: 4px;
    font-family: "Pathway Extreme", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -.3px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.classified-search-form .search-submit:hover {
    background: #000;
    color: #FEEC02;
    border-color: #000;
}

/* Filter labels and selects */
.classified-filters label {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    font-size: 1.2em;
    color: #000;
    margin-bottom: 8px;
}

.classified-filters select,
.classified-filters input[type="text"] {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    font-size: 1.4em;
    padding: 10px 12px;
    border: 2px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.classified-filters select:focus,
.classified-filters input[type="text"]:focus {
    border-color: #FEEC02;
    outline: none;
}

/* Filter buttons - match IYH theme button style with yellow CTA */
.classified-filters .button {
    font-family: "Pathway Extreme", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600 !important;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase !important;
    letter-spacing: -.3px;
    font-size: 1.3em !important;
    line-height: 1.1em !important;
    color: #000 !important;
    background: #FEEC02 !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 10px 18px 12px !important;
    margin: 0 -2px 0 0;
    text-decoration: none !important;
    cursor: pointer;
    display: inline-block;
    text-shadow: none;
    transition: all .3s;
}

.classified-filters .button:hover {
    background: #000 !important;
    color: #FEEC02 !important;
}

.classified-filters .button.secondary {
    background: #333 !important;
    color: #fff !important;
}

.classified-filters .button.secondary:hover {
    background: #FEEC02 !important;
    color: #000 !important;
}

/* Results info styling */
.classified-results-info {
    border-bottom: 2px solid #ddd;
    padding: 15px 0;
    margin-bottom: 25px;
}

.classified-results-info .results-count {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    font-size: 1.3em;
    color: #666;
}

/* Layout switcher buttons - yellow active state */
.layout-switcher .layout-btn {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    background: #fff;
    border: 2px solid #ddd;
    padding: 8px 15px;
    color: #333;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.layout-switcher .layout-btn:hover {
    background: #f5f5f5;
    border-color: #ccc;
}

.layout-switcher .layout-btn.active {
    background: #FEEC02;
    color: #000;
    border-color: #FEEC02;
}

/* Individual listing items - cleaner styling */
.classified-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.classified-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    border-color: #ccc;
}

.classified-item.featured {
    border-color: #FEEC02;
    box-shadow: 0 4px 12px rgba(254,236,2,0.2);
}

.classified-item.featured:hover {
    box-shadow: 0 6px 16px rgba(254,236,2,0.3);
}

/* Featured badge */
.featured-badge {
    background: #FEEC02;
    color: #000;
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    letter-spacing: -.3px;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 1.1em;
    text-shadow: none;
}

/* Listing titles */
.classified-title {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 0 0 12px 0;
}

.classified-title a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.classified-title a:hover {
    color: #333;
    text-decoration: underline;
}

/* Meta information - cleaner color-coded types */
.classified-meta {
    margin-bottom: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    font-size: 1.2em;
    line-height: 1.3em;
}

.classified-meta span {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 4px 10px;
    color: #666;
    font-weight: 500;
}

.classified-meta .listing-type {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    color: #000;
}

.classified-meta .listing-type.type-for_sale {
    background: #FEEC02;
    color: #000;
    border-color: #FEEC02;
}

.classified-meta .listing-type.type-wanted {
    background: #333;
    color: #fff;
    border-color: #333;
}

.classified-meta .listing-type.type-service {
    background: #666;
    color: #fff;
    border-color: #666;
}

.classified-meta .listing-type.type-trade {
    background: #999;
    color: #fff;
    border-color: #999;
}

/* Excerpt text */
.classified-excerpt {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    font-size: 1.4em;
    line-height: 1.4em;
    color: #333;
    margin-bottom: 15px;
}

/* Action buttons - match IYH theme button styles */
.classified-actions .button,
.classified-actions .view-listing,
.classified-actions .contact-seller {
    font-family: "Pathway Extreme", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600 !important;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase !important;
    letter-spacing: -.3px;
    font-size: 1.3em !important;
    line-height: 1.1em !important;
    color: #fff !important;
    background: #000 !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 8px 15px 10px !important;
    margin: 0 -2px 0 0;
    text-decoration: none !important;
    cursor: pointer;
    display: inline-block;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.21);
    transition: all .3s;
    text-align: center;
}

.classified-actions .button:hover,
.classified-actions .view-listing:hover,
.classified-actions .contact-seller:hover {
    background: #FEEC02 !important;
    color: #000 !important;
    text-decoration: none !important;
    text-shadow: none;
}

/* No results message */
.no-listings-found {
    text-align: center;
    padding: 50px 20px;
    color: #666;
}

.no-listings-found p {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    font-size: 1.8em;
    line-height: 1.3em;
    margin: 0;
}

/* Pagination styling */
.classified-pagination .page-numbers {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    font-size: 1.3em;
    background: #f1f1f1;
    border: 2px solid #ddd;
    color: #333;
    padding: 10px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.classified-pagination .page-numbers:hover,
.classified-pagination .page-numbers.current {
    background: #000;
    color: #FEEC02;
    border-color: #000;
    text-decoration: none;
}

/* Image carousel controls */
.classified-image-carousel .carousel-nav {
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid #FEEC02;
}

.classified-image-carousel .carousel-nav:hover {
    background: rgba(0, 0, 0, 0.9);
    border-color: #fff;
}

.classified-image-carousel .carousel-indicators .indicator.active,
.classified-image-carousel .carousel-indicators .indicator:hover {
    background: #FEEC02;
}

/* Loading state */
.classified-loading .spinner {
    border-top-color: #FEEC02;
}

.classified-loading p {
    font-family: "Pathway Extreme", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wdth" 85;
    text-transform: uppercase;
    letter-spacing: -.3px;
    color: #666;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .classified-filters-wrapper {
        padding: 20px;
    }
    
    .classified-filters label {
        font-size: 1.1em;
    }
    
    .classified-filters select,
    .classified-filters input[type="text"] {
        font-size: 1.3em;
    }
    
    .classified-filters .button {
        font-size: 1.2em !important;
        padding: 8px 15px 10px !important;
    }
    
    .classified-title {
        font-size: 1.4em;
    }
    
    .classified-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .classified-actions .button,
    .classified-actions .view-listing,
    .classified-actions .contact-seller {
        width: 100%;
        margin: 0 0 -2px;
    }
}

@media screen and (max-width: 480px) {
    .classified-item {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    
    .classified-title {
        font-size: 1.3em;
    }
    
    .classified-meta {
        font-size: 1.1em;
    }
    
    .classified-excerpt {
        font-size: 1.3em;
    }
}


/* @end */