.eventtitle{
    font-weight: bold;
    text-align:center;
    color:#630000;
    
}


.hsinner-page {
    
background-color: lightgrey;
       
    
}

.epremium-page {
    
background-color: linen;
       
    
}

.req {
	color: maroon;
}

.changenotice {
color: #0030FA;
font-weight: bold;
}




.erroralert{

	font-weight: bold;
	color: #630000;

}



td.waitlist {
    background: #00d2ff !important;

  }



td.evactive {
    background: #90EE90 !important;
   
  }


td.evpick {
    background: #FFFACD !important;
 
  }


table.table-fit2 {
  width: auto !important;
  table-layout: auto !important;
	font-size: small;
}
table.table-fit2 thead th,
table.table-fit2 tbody td,
table.table-fit2 tfoot th,
table.table-fit2 tfoot td {
  width: auto !important;
}

table.table-fit {
 /* width: auto !important;
  table-layout: auto !important; */
	font-size: small;
}

.table-condensed{
  font-size: 8px;
padding: 0 !important;
  margin: 0 !important;
}
.ppremtext{
	font-size: 8px;
}


  /* Default font size (normal for medium and larger screens) */
  .responsive-table {
    font-size: 1rem; /* Normal size */
  }

  /* Smaller font size for small (sm) and extra small (xs) screens */
  @media (max-width: 576px) { /* Extra small screens */
    .responsive-table {
      font-size: 0.75rem;
    }
  }

  @media (min-width: 577px) and (max-width: 768px) { /* Small screens */
    .responsive-table {
      font-size: 0.85rem;
    }
  }

a.resultlink:link,
a.resultlink:visited,
a.resultlink:active { color: #000000; text-decoration: none; }

a.resultlink:hover { color: #006699; text-decoration: underline; }


img.dog-img {
    max-width: 300px;
    width: 100%;
    height: auto;
  /*  border: 3px solid red; */
}

@media (max-width: 992px) {
    img.dog-img {
        max-width: 250px;
    }
}

@media (max-width: 768px) {
    img.dog-img {
        max-width: 200px;
    }
}




/*pedigree */
    .pedin {
      padding: 8px;
      border-bottom: 1px solid #303d23;
     /* background-color: #d4d6da; */
      vertical-align: middle;
      text-align: left;
      font-size: 16px; /* Default font size */
    }
    
/* Default (unvisited) 
.pedigree-nm {
  text-align: left;
  font-size: 16px;
  color: #000 !important;  
  text-decoration: none;
  line-height: 1;
}*/

/* Layout only */
.pedigree-nm {
    text-align: left;
    font-size: 16px;
    line-height: 1;
}

/* Visited pedigree links */
.pedigree-nm:visited {
  /* color: #6f42c1 !important;   classic purple */
  color: #4b2e83 !important;
}

/* Hover */
.pedigree-nm:hover {
  text-decoration: underline;
}    

 /* Base pedigree link (unvisited) */
a.link-pedigreelk {
  text-align: left;
  text-decoration: none;
  color: #000;              /* unvisited = black */
}

/* Visited pedigree links */
a.link-pedigreelk:visited {
  color: #6f42c1 !important; /* classic purple */
}

/* Hover */
a.link-pedigreelk:hover {
  color: #000;
  text-decoration: underline;
}
 
    .pedigree-info {
    color: #0033CC; /* Blue color for specific info */
    font-size: 12px;
    text-decoration: none;
  
}

    .pedout {
      border-left-style: none;
      border-right-style: none;
      border-top: 2px solid #091a50;
      border-bottom: 2px solid #091a50;
      background-color: #d4d6da;
      vertical-align: middle;
      text-align: left;
      padding: 8px;
    }
    @media (max-width: 767.98px) {
      .pedin, .pedout, .pedigree-nm, a.link-pedigreelk  {
        font-size: 10px; /* Smaller font size for mobile */
        line-height: 1.2;
      }
        .pedigree-info {
        font-size: 7px; /* Smaller font size for mobile */
          line-height: 1.2;
      }

    }
    
    
/* Unvisited stud dog links */
a.stud-link {
    color: #000;                 /* black */
    text-decoration: underline;  /* always underlined */
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

/* Visited stud dog links */
a.stud-link:visited {
    color: #4b2e83 !important;   /* purple when visited */
}

/* Hover (no visual jump) */
a.stud-link:hover {
    color: inherit;
}


a.puppy-link {
    color: #0b1f33;              /* very dark blue */
    text-decoration: underline;
}

a.puppy-link:visited {
    color: #4b2e83 !important;  /* same purple as pedigree */
}

a.puppy-link:hover {
    color: inherit;
}


/* When user clicks "Stretch wider", add .wide to #pedigree */
#pedigree.wide .table {
  min-width: 1000px;   /* Adjust this number as you like */
/*   min-width: 130%;  30% wider than viewport */
}

/* Optional: make it even wider on desktops for a roomier feel */
@media (min-width: 992px) {
  #pedigree.wide .table {
    min-width: 1400px;
  }
  /* Hide button on lg+ screens */
    #pedStretch {
      display: none;
    }    
    
}
    
 
main {
  word-wrap: break-word;   /* Legacy support */
  overflow-wrap: break-word; /* Modern browsers */
  word-break: break-word; /* Forces break if needed */
}
   



/* Desktop */
.welcome-box {
    font-size: 1rem;
}

/* Mobile */
@media (max-width: 768px) {
    .welcome-box {
        font-size: 0.9rem;
    }

    .welcome-box h5 {
        font-size: 1.1rem;
    }
}