.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 */
    }
       .pedigree-nm {
 
      text-align: left;
      font-size: 16px; /* Default font size */
      color: black;
      text-decoration: none;
      line-height: 1;
      
    }
    
    a.link-pedigreelk {
      text-align: left;
    
      text-decoration: none;
	  color: #000; /* Set the link color to black */
}

a.link-pedigreelk:hover {
      color: #000; /* Set the link color to black */
      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;
      }

    }
    
    





/* 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 */
}