/* 
Theme Name:		 hueman aucfinder 2
Theme URI:		 http://childtheme-generator.com/
Description:	 hueman aucfinder 2 is a child theme of Hueman
Author:			 rod
Author URI:		 http://auctionfinder.com.au
Template:		 hueman
Version:		 1.0.0
Text Domain:	 hueman-aucfinder-2
*/


/*
    Add your custom styles here
*/

:root {
  --primary-color: #FFBF00;
  --accent-red: #C90107;
  --bg-color: #FFFFFF;
  --text-primary: #222222;
  --link-color: #C90107;
  --heading-font: 'Roboto', arial, sans-serif;
  --body-font: 'Roboto', arial, sans-serif;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
}
body{color: var(--text-primary)}
.logo-tagline-group .custom-logo-link {
  /* This creates a container for the image */
  position: relative; 
  /* Ensures the text is visible */
  padding-left: 65px; 
}
a {
    color:#1E40AF;
}
article .entry a {	
	  text-decoration:none;	  
}
p {
    color: var(--text-primary);
}
.csesearch {
   margin-top:20px; 
}
/* Toggle Button Style */
.auction-tips-btn {
    background: none;
    border: 1px solid #5674A4;
    color: #5674A4;
    padding: 2px 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 600;
    margin: 10px 0;
    transition: all 0.2s;
}

.auction-tips-btn:hover {
    background-color: #5674A4;
    color: white;
}



.logo-tagline-group .custom-logo-link::before {
  content: ""; /* The image is added via background-image */
  
  /* Positioning and sizing the pseudo-element (the image container) */
  position: absolute;
  left: 0;
  top: 50%; /* Adjusts vertical alignment */
  transform: translateY(-50%); 
  width: 60px; /* Width of the image */
  height: 60px; /* Height of the image */
  
  /* Adding the image */
  background-image: url('https://auctionfinder.com.au/wp-content/uploads/2025/12/auctionfinder-logo-512.png');
  background-size: contain; /* Scales the image to fit */
  background-repeat: no-repeat;
}
.sidebar .widget a {
    color:#555 !important; 
}
.sidebar .widget a:hover {
    color: var(--text-primary) !important; 
}
.page-title a{
  color:#555 !important;   
}
.page-title a:hover {
    color: var(--text-primary) !important; 
}
.post-title a {
  color: var(--text-primary);  
}
.entry p {
   color: var(--text-primary);  
}
.entry h2{
	font-size:26px
}
.entry h3{
	font-size:22px
}

.Cdesk3 p{
    margin-bottom: 50px;
    padding:20px;
}
.entry-inner {
    color: var(--text-primary);
}

ins.adsbygoogle {
background: transparent !important;
}

.fptitle  {
    font-size:30px;
    margin:25px 0 0 0;
	 line-height:.9em;
}

.fp .widget_tag_cloud a {
      color:#3BACDF;
}

.tagcloud {
    margin-top:20px;
}
.aucsection .desc {
	font-weight: 600;
}
.aucsection .date span {
    font-weight: 600;
}
.logo-tagline-group .custom-logo-link {letter-spacing:-2px;}
.gad{margin:5px 0 40px 0;padding:5px 0 5px 0;border-top:1px solid;border-bottom:1px solid;}
.aucsection {margin-bottom:80px}
.aucsection li:nth-child(even) {background:#f5f5f5; border-bottom: 1px solid #bababa; border-top: 1px solid #bababa;}
.aucsection .auctioneer {font-weight:600}
.aucsection li{ margin: 0 0 15px 0;padding:7px}
.fp .aucbystate{margin:20px }
.fp .aucbystate b{font-weight:bold}
.fp h1{margin:20px 0 20px 0;font-size:23px;border-bottom:1px solid}
.fp .widget_tag_cloud a {font-size:14px!important; background-color:#fff; padding:4px 15px; margin:0 6px 6px 0; display:inline-block;border:1px solid; -webkit-border-radius: var(--border-radius-sm); -moz-border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);color: var(--text-primary)}
.fp .widget_tag_cloud a:hover {background-color:#ecfafb;}
.fpbh2{margin:50px 0 20px 0;font-size:23px;border-bottom:1px solid}
.listing-item .image {
    margin:0px 30px!important;
    padding:0px !important;
     float:left;
}
.listing-item{
    margin:30px!important;
    padding:0px !important;
    clear:left;
}
.listing-item .title {
    margin:0px !important;
    padding:0px !important;
    float:none;
}
.dposts{
 margin:0px 0px 30px 0px!important; 
  clear:left;
font-size:15px;
}
.dposts+p{
 padding-top:30px !important; 
  clear:both;
}
 .entry h2 {
 margin-top:60px;    
 }
 .Cdesk {
    color: var(--text-primary);
    border-radius: var(--border-radius-lg);
    border:1px solid #eae9eaaf;
    padding:30px;
    background-color:#eae9eaaf;
    margin:30px 0 45px 0 !important;
	 font-size:16px;
}
.Cdesk-M {
    color: var(--text-primary);
    border-radius: var(--border-radius-lg);
    border:1px solid #eae9eaaf;
    padding:40px;
    background-color:#eae9eaaf;
    margin:0px 0 55px 0 !important;
	  
}
.Cdesk b{
    font-weight:bold;
}
.v-jump {
    font-weight:bold;
	text-align:center;
}
.aucsection ul {
    margin-bottom:70px;
}
.home .fpintroblock {
  background: linear-gradient(135deg, #e3e3e3 7%, #FFFFFF 40%, #ECF2FB 90%);
  color: #333333;
  padding:0 20px 30px 20px;
	border-radius: var(--border-radius-md); 
}
.fpintroblock h2{
    padding:15px;
    margin-bottom: 10px;
    font-size:40px;
	  text-align:center;
	   margin-top:5px;
    letter-spacing:-2px !important;
}
.home .content .hu-pad {
    padding-top: 0px; 
}
.fpintroblock p{
    padding:2px;
    margin-bottom: 5px;
    text-align:center;
}
.aucbystate{
	margin-top:40px !important;
}

.aucbystate b{
    color: var(--text-primary);
} 
.image-container {
  margin-bottom: 45px;  
}

.notebox b {
   font-weight:bold; 
}
.notebox i {
   font-style:italic; 
}
.notebox {
    color: var(--text-primary);
}
.notebox p {
    margin:10px;
}
.notebox {
    background-color:#fafafa;
    border:1px solid #ccc;
    border-radius: var(--border-radius-sm);
}
.sidebar-top {
    background-color:#999 !important;
}
.entry h4 {
    margin-top:50px;
}
.fpdesc{}
@media screen and (min-width: 1000px) {
.post-thumbnail  {
  height:220px !important;  
  overflow: hidden !important;
}
}
@media screen and (max-width: 800px) {
.post-thumbnail  {
  height:120px !important;  
  overflow: hidden !important;
}
}
.post-byline{color: var(--text-primary)}
.fn{color:#666565}
.dposts{
    background:#e9e9e9;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}
.aucsection h3 {
 margin-top:60px;  
 font-weight:600;
    color: var(--text-primary);	
}
.aucsection > p {
    font-size:16px;
    line-height: 1.5;
}
.vehicle-item, .v-item {
  list-style: none;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px !important;
}
.v-item .auctioneer{
font-weight:normal;
}
.wrp {
  display: flex;
  align-items: ;
}

.vehicle-img, .v-img {
  flex: 0 0 auto;
  margin-right: 15px;
}

.vehicle-img img, .v-img img {
  width: 100px;
  max-height: 150px;
  display: block;
}

.vehicle-detail, .v-detail {
  flex: 1 1 auto;
  font-size:16px;
  line-height:20px !important;  
}

.vehicle-detail h3 {
  margin: 0 0 5px 0 !important;
  font-size: 15px;
	letter-spacing:normal;
}

.v-detail h4 {
  margin: 3px 0 5px 0;
  font-size: 16px;
	letter-spacing:normal;
  font-weight:600;
	font-size:20px;
}
.v-detail h3 {
  margin: 3px 0 5px 0 !important;
  font-size: 20px;
	letter-spacing:normal; 
}
.vehicle-detail span { 
}

.vehicle-detail .dt, .v-detail .dt {
  font-weight: bold;
	 color: var(--text-primary);
}

.item-link a {
	font-size:14px;  
  background-color: #fff !important;
  text-decoration: none !important;
  border: 1px solid #eaeaea; 
  border-radius: 5px;
  padding: 3px;
  white-space: nowrap;
}
.item-links a:hover {
  background-color: #529CF0; /* Slightly darker shade of blue */
  border-color: #0056b3;
}
.v-item p{
    line-height:1.7;
}
.v-item{
   border-radius: var(--border-radius-sm);
}
.v-img img {
    border-radius:5px;
}
.vehicle-detail .item-link a:hover {
  text-decoration: underline;
}
.datend {
background-image: url(https://auctionfinder.com.au/wp-content/uploads/2024/08/time.png);
	background-repeat: no-repeat;
    background-position: 0% 50%;
   background-size: 12px 12px;
	padding-left:16px;
}	
	
/* Mobile styles */
@media (max-width: 768px) {
  /*
  ** Change 1: Remove flex-direction: column; from .wrp **
  This keeps the image and text side-by-side on small screens.
  */
  .wrp {
    /* flex-direction: column; -- REMOVED */
    align-items: flex-start; /* Kept for alignment */
    display: flex; /* Ensure it stays a flex container */
  }

  /*
  ** Change 2: Shrink the image container's size and re-add margin-right **
  Set a fixed size (e.g., 80px) for the image container on small screens.
  */
  .vehicle-img, .v-img {
    margin-right: 10px; /* Re-add spacing */
    margin-bottom: 0; /* Remove bottom margin */
    /* Shrink the fixed width */
    flex: 0 0 80px;
    width: 80px; 
  }

  /*
  ** Change 3: Shrink the image itself **
  The image will now be constrained by the container size set above.
  */
  .vehicle-img img, .v-img img {
    /* Use 100% to fill the new, smaller container width (e.g., 80px) */
    width: 100%;
    height: auto;
    /* max-height: 150px; -- Can be kept or removed based on original size */
  }

  /*
  ** Change 4: Ensure the detail section still takes up the remaining space **
  The detail section should adapt to the remaining width.
  */
  .vehicle-detail, .v-detail {
    /* Revert width to allow flex to manage size */
    width: auto;
    flex: 1 1 auto; /* Make it flexible */
  }

  /* Other mobile styles */
  .aucsection ul {
    margin-left: 0px;
    width: 99%;
  }

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

  .v-jump span {
    font-weight: bold;
  }
}
.modelsguide {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust the spacing between models */
    justify-content: space-between;
}

.model {
    flex: 1 1 30%; /* Flex-grow, flex-shrink, and basis - adjust '30%' to control the width */
    box-sizing: border-box;
    padding: 0px 20px 20px 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: var(--border-radius-md);
    font-size:14px;
}

/* Mobile view */
@media (max-width: 768px) {
    .model {
        flex: 1 1 100%; /* Stack the models vertically on smaller screens */
    }
}
.sidebar-top {
    border-radius: var(--border-radius-md);
    padding:10px 20px 10px 20px;
    margin:10px
}
.sidebar {
    background-color: #fff !important;
}
.sidebar-content {
    background-color: #fff !important; 
}
.main-inner {
    background-color: #fff !important;  
}
.widget {
     background-color: #ECF2FB !important; 
     border-radius: var(--border-radius-lg);
    padding:10px 20px 10px 20px;
    margin:10px
}
.widget_custom_html {
    background-color: #ECF2FB !important; 
     border-radius: var(--border-radius-lg);
    padding:10px 20px 10px 20px;
    margin:10px
}
.fp img {
     border-radius: var(--border-radius-lg);
}


.picklesNAT .v-img img{width:50px;height:50px}
.manheimNAT .v-img img{width:50px;height:50px}
.footer-widget-3 {
    background: #ECF2FB;
    border-radius: var(--border-radius-lg);
	
}
.footer-widget-2 {
    background: #ECF2FB;
    border-radius: var(--border-radius-lg);
	  color: var(--text-primary);
}
.footer-widget-1 {
    background: #ECF2FB;
    border-radius: var(--border-radius-lg);
	color: var(--text-primary);
}
.footer-widget-3 h3{
   margin:0px;
    font-weight:bold;
}
.footer-widget-2 h3{
   margin:0px;
    font-weight:bold;
}
.footer-widget-1 h3{
   margin:0px;
    font-weight:bold;
}

.footer-widget-3 .widget {
  padding-bottom:0px !important;  
}
.footer-widget-2 .widget {
  padding-bottom:0px !important;  
}
.footer-widget-1 .widget {
  padding-bottom:0px !important;  
}
#block-26 {
    background:#fff !important;
    padding-bottom:10px !important;
}
/* 1. The List (Parent) */
.event-picks {
  border:1px solid #f1f1f1;
  padding:0 20px 0 20px;
  border-radius: var(--border-radius-md);
  background:#F7F2EB;  
}

.event-picks-list .v-item{
    background:#ffffff;
}
.event-picks h2{
  margin-top:20px;
}

.event-picks-list {
  display: flex;
  flex-direction: column; /* Mobile: List items stack vertically */
  gap: 30px;
  list-style: none;
  padding: 0;
  /* This centers the items horizontally */
    justify-content: center;  
}

/* 2. The Content Wrapper (Inside the LI) */
.event-picks-list .v-item .wrp {
  display: flex;
  flex-direction: column; /* This keeps text BENEATH the image */
}

.event-picks-list .v-img img {
  max-width: 150px;
  height: auto;
  display: block;
 margin-left: auto;
  margin-right: auto;
}

/* 3. Desktop View */
@media (min-width: 768px) {
	  .event-picks h4 {
    margin-top:15px;
}
  /* Make the list items sit side-by-side */
  .event-picks-list {
    flex-direction: row; 
    flex-wrap: wrap;
  }

  /* Control how many items per row (e.g., 3 items) */
  .event-picks-list .v-item {
    flex: 0 1 calc(30% - 20px);
      max-width: 220px;
  }
}
/* 1. Force the Name field and Comment area to take up full width */
.comment-form-author, 
.comment-form-comment, 
.form-submit {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-bottom: 20px !important;
}

/* 2. Fix the Cloudflare Turnstile alignment */
.cf-turnstile {
    display: block !important;
    margin-bottom: 15px !important;
}

/* 3. Clean styling for the input fields */
#commentform input[type="text"], 
#commentform textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    box-sizing: border-box; /* Ensures padding doesn't break width */
}

/* 4. Make the button prominent and on its own line */
#commentform .submit {
    display: block;
    width: auto;
    min-width: 150px;
    padding: 12px 24px;
    background-color: ;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

/* 5. Hide the small "Notes" text to keep it extra clean */
.comment-notes, .required-field-message {
    display: none;
}
#commentform {
    border-radius: var(--border-radius-md);
    background:#fafafa;
}
#comments {
 border-radius: var(--border-radius-md);
  background:#f9f5f1;  
 padding: 15px   
}
.wp-block-tag-cloud a {
    color: var(--text-primary) !important;
}
.widget_recent_entries ul li a {
      color: var(--text-primary) !important;
}
.post-tags span{
    color: var(--text-primary);
}
.post-tags a{
    color: var(--text-primary);
}
.author-bio .bio-desc {
    color: var(--text-primary);
}
#footer-bottom p {
    color:#fff;
}
#footer .footer-widget-3 a {
     color: var(--text-primary);
}
.post-inner .post-tag {
    margin-left:10px;
}
.post-inner .post-tags a{
    background:none;
    border:none;
    font-size:14px;
    color:#1E40AF;
	 margin:0px 3px 0px 3px;padding:0px;
}
.post-inner .post-tags a:hover{
    background:none;
    border:none;
    font-size:14px;
    color:#6983d7;
	  
}
.author-bio h2 {
    font-style: italic;
    margin-bottom:5px
}
 .af-about-page {
        max-width: 900px;
        margin: 0 auto;
        padding: 20px;
        /*font-family: Georgia, 'Times New Roman', serif;*/
        line-height: 1.7;
        color: #2C3E50;
    }
    
    .af-intro-box {
        background: linear-gradient(135deg, #FDEAEA 0%, #FFFFFF 60%, #ECF2FB 100%);
  color: #333333;
  padding:40px;
	border-radius: var(--border-radius-md); 
    }
    
    .af-intro-box p {
        font-size: 1.2em;
        margin-bottom: 15px;
        line-height: 1.8;
    }
    
    .af-about-page h2 {
        color: var(--text-primary);
			font-weight:bold;
        font-size: 1.8em;
        margin-top: 40px;
        margin-bottom: 20px;
        padding-left: 20px;
        border-left: 5px solid #ccc;
        /*font-family: 'Courier New', Courier, monospace;*/
    }
    
    .af-about-page p {
        font-size: 1.1em;
        margin-bottom: 20px;
    }
    
    .af-quote-box {
        background: #FFFFFF;
        padding: 25px 40px;
        border-left: 5px solid #ccc;
        margin: 30px 0;
        font-style: italic;
        font-size: 1.2em;
        color: #546E7A;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.1);
        position: relative;
    }
    
    .af-quote-box::before {
        content: '"';
        font-size: 4em;
        color: #90CAF9;
        position: absolute;
        left: 10px;
        top: -10px;
        font-family: Georgia, serif;
        opacity: 0.5;
    }
    
    .af-stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin: 40px 0;
    }
    
    .af-stat-card {
        background: #FFFFFF;
        padding: 25px;
        border-radius: 8px;
        text-align: center;
        border: 2px solid #CFD8DC;
        transition: transform 0.3s ease;
    }
    
    .af-stat-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(25, 118, 210, 0.15);
        border-color: #1976D2;
    }
    
    .af-stat-number {
        font-family: 'Courier New', monospace;
        font-size: 2.5em;
        font-weight: bold;
        color: #D32F2F;
        display: block;
        margin-bottom: 8px;
    }
    
    .af-stat-label {
        font-size: 0.95em;
        color: #546E7A;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .af-contact-box {
        background: #FFFFFF;
        padding: 30px;
        border-radius: 8px;
        margin: 30px 0;
        box-shadow: 0 4px 12px rgba(25, 118, 210, 0.1);
    }
    
    .af-contact-box p {
        margin-bottom: 12px;
    }
    
    .af-contact-box strong {
        color: var(--text-primary);
        font-family: 'Courier New', monospace;
        display: inline-block;
        min-width: 140px;
    }
    
    .af-contact-box a {
        color: #0288D1;
        text-decoration: none;
    }
    
    .af-contact-box a:hover {
        color: #1976D2;
        text-decoration: underline;
    }
    
    .af-founder-box {
        background: linear-gradient(to right, #FFFFFF 0%, #F5F8FA 100%);
        padding: 30px;
        border-radius: 8px;
        margin: 30px 0;
        border: 2px solid #CFD8DC;
        box-shadow: 0 4px 12px rgba(25, 118, 210, 0.1);
    }
    
    .af-highlight-box {
        background: #E3F2FD;
        padding: 25px 30px;
        border-radius: 8px;
        margin: 30px 0;
        border: 2px solid #90CAF9;
    }
    
    .af-legal-box {
        background: #ECEFF1;
        padding: 25px;
        border-radius: 8px;
        margin: 30px 0;
        font-size: 0.95em;
    }
    
    .af-copyright {
        text-align: center;
        margin-top: 50px;
        padding-top: 30px;
        border-top: 2px solid #CFD8DC;
        color: #546E7A;
        font-style: italic;
    }
    
    @media (max-width: 768px) {
        .af-about-page {
            padding: 15px;
        }
        
        .af-about-page h2 {
            font-size: 1.4em;
        }
        
        .af-intro-box p,
        .af-quote-box {
            font-size: 1.1em;
        }
        
        .af-stats-grid {
            grid-template-columns: 1fr;
        }
    }
.desktop-menu a {
    font-weight:bold;
    color:#fff !important;
}
.desktop-menu a:hover {
     color:#fefefe !important;     
}
/* CSE GSE */
.csesearch td, .searchboxcse td{padding:0px !important; margin:0px !important;}
.csesearch td, .searchboxcse tr{padding:0px !important; margin:0px !important;}
.csesearch td, .searchboxcse table{padding:0px !important; margin:0px !important;}
.csesearch{padding:0px !important; margin:0px !important;}
.csesearch #___gcse_2{padding:0px !important; margin:0px !important;}
.csesearch .gsc-control-searchbox-only form{padding:0px !important; margin:0px !important;}
.searchboxcse{  margin:20px;width:100%;}
.searchboxcse .gsc-input-box {
     border:1px solid #333 !important;
    border-radius: var(--border-radius-sm) !important; 
    padding:0 5px 0 5px;
}
input.gsc-input {
    font-size:19px;
}
body .gsc-search-button, 
#___gcse_0 .gsc-search-button {
    display: block !important;
}

/* Optional: Google's update also hides the SVG icon inside. 
   You may need this to make the icon visible again. */
body .gsc-search-button svg {
    display: block !important;
}
.gsc-search-button{display: inline !important;}
.gsc-search-button {display: inline !important;}
.gsc-search-button-v2{display: inline !important;}
button.gsc-search-button {
    background-color: #4468a3 !important;
    border-radius: 8px 8px 8px 8px !important;
    height: 50px !important;
    border: none !important;
    padding: 10px 20px !important;
    margin:0 0 0 10px;
}

/* Hover effect for the button */
button.gsc-search-button:hover {
    background-color: #5674a4 !important;
    cursor: pointer;
}
.fp .csesearch {
   margin-top:20px; 
   border:1px solid #b1b1b1;
   background: #ECF2FB;
    border-radius: var(--border-radius-sm);
    padding:20px !important;
}
.Cdesk3 p{
    margin:0 0 20px 0;padding:0;
    font-size:16px;line-height:1.7em;
}
.Cdesk3 ul{
  font-size:16px;line-height:1.7em;
}
.Cdesk3 h3,.Cdesk3 h2, .Cdesk3 b {
    font-weight:bold;
}