/*
TalkItOver Client changes
*/

a.home_links{color:#7aa841; font-size: 13px; border-bottom: 1px dotted #476694; font-family: "Lucida Sans Unicode", sans-serif; letter-spacing: 0.03em}

.entryWrap strong {color: #555; font-weight: bold}
.entryWrap a.tioarticle{color:#E8BF49; font-size: 14px; font-weight: bold}

/*.entryWrap table {margin: 20px; border: 1px solid #AAA; border-bottom: 0;} ennis backup*/
.entryWrap table {margin: 2px; border: 2px solid #ffffff; border-bottom: 1; font-size: 12px}
.entryWrap table caption{padding: 10px; font-weight: bold; font-size: 15px; text-shadow: none}
.entryWrap table th{background: #B6D463; color: #FFF; text-shadow: none; padding: 5px 10px; border-bottom: 1px solid #666; text-shadow: none}
.entryWrap table td{padding: 5px 10px; border-bottom: 0px solid #bbb}
.entryWrap table tr{border-bottom:  1px solid #476694 }

/*Make dummy Link*/
#menu li.dummyLink a, #menu ul.sub-menu li.dummyLink a{cursor: default; border: 0}
#menu li.dummyLink a:hover, #menu ul.sub-menu li.dummyLink a:hover{border:0; cursor: default}
#menu li.dummyLink a:hover span, #menu ul.sub-menu li.dummyLink a:hover span, #menu li ul.sub-menu li.dummyLink a:hover span{border: 0; cursor: default}
#menu li.dummyLink a:hover span{border-bottom: 2px solid #fff5bf}

/*ennis linkedin    <a class="lin" href="<?php echo $options['urlLi']; ?>">LinkedIn</a> */

/* =========================================
   RESPONSIVE / MOBILE  (added 2026-03)
   ========================================= */

*, *::before, *::after { box-sizing: border-box; }

/* Timer float div — restore content-box so height:25px + padding:16px don't collapse */
#floatdiv {
  box-sizing: content-box;
}

/* Fluid wrapper — cap at original 990px width */
.wrapper {
  width: 100%;
  max-width: 990px;
}

/* Fluid content area */
.content {
  width: 100%;
  max-width: 965px;
  padding-left: 10px;
  padding-right: 10px;
}

/* Full-width content blocks by default */
.innerContent {
  width: 100%;
  max-width: 955px;
}

/* Responsive images */
img { max-width: 100%; height: auto; }

/* Better touch targets for links and buttons */
a, button, input[type="button"], input[type="submit"] {
  min-height: 36px;
}

/* ---- Tablet & below (≤ 768px) ---- */
@media (max-width: 768px) {

  /* Stack columns vertically */
  .lsidebar,
  .rsidebar,
  .hContent,
  .innerContent,
  .authorImg,
  .authorDesc {
    display: block;
    width: 100% !important;
    vertical-align: top;
  }

  /* Full-width nav bar items */
  #lcMenu li {
    display: block;
    text-align: left;
  }

  /* Form elements */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="number"],
  select,
  textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Scrollable data tables */
  .gtable,
  .entryWrap table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  /* Scrollable calendar */
  table.calendar {
    width: 100%;
  }

  /* Hide desktop header height constraints */
  .header { height: auto; }
  .headTitle { height: auto; }
  .headLogo h1 {
    background-position: center 5px;
    width: 100%;
    height: 80px;
  }

  /* Stack form layout tables */
  table[width] {
    width: 100% !important;
  }

  td[width] {
    width: auto !important;
  }

  /* Floating div (timer) should not overlap content */
  #floatdiv {
    position: static !important;
    width: 100%;
  }

  /* Action buttons full width on mobile */
  input[type="button"]#button,
  #button,
  #submit {
    width: 100%;
    margin: 5px 0;
  }
}

/* ---- Small phones (≤ 480px) ---- */
@media (max-width: 480px) {

  body { font-size: 13px; }

  .headLogo h1 { height: 60px; background-size: auto 50px; }

  /* Calendar cells shrink gracefully */
  table.calendar th.cell-header,
  table.calendar td { padding: 2px; font-size: 11px; }

  /* Full-bleed entry wrap */
  .entryWrap { margin-left: 0; padding: 10px; }

  /* Nav items wrap */
  #lcMenu { text-align: center; }
  #lcMenu li { display: inline-block; }
}