/* *************************************************************************************** */
/* RESPONSIVE - alter the style when the screen's smaller - iPhone 14 Pro Max is 428 x 926 */
/* Safari does css differently */
@media only screen and (max-width: 600px) {

  .CalGenericWidth,
  .CalTableGenericWidth {
    width: 429px;
  }
  .CalEvTableGenericWidth {
    border: 0;
    width: 427px;
  }

  .heartEv:before,
  .heartEv:after {
    top: 6px;
    left: 9px;
  }
  .heartEv:after {
    left: 5px;
  }

  .shSmBox {
    /* Only used if today has events */
    height: 84%;
    top: 2px !important; /*was 0 8 Jan 25*/
  }

  li a:hover span {
    display: none;
    top: -7px;
    left: 17px;
  }

  /* ********** */
  /* TV PHONE */
  /* ********** */
  
  .TV_Firefox_TopLTri,
  .TV_Firefox_TopLTriEv,
  .TV_Firefox_TopLTriToday,
  .TV_Firefox_TopLTriEvToday {
    width: 0;
    height: 0;
    border-top: 6px solid red;
    border-right: 6px solid transparent;
    position: absolute;
  }

  .TV_Firefox_TopLTriEvToday {
    top: -15px;
    left: -3px;
  }
  .TV_Firefox_TopLTriEv {
    top: -20px; /* was -20px */
    left: 0px; /* + right */
  }
  .TV_Firefox_TopLTriToday {
    top: -19px;
    left: -5px;
  }
  .TV_Firefox_TopLTri {
    top: -13px; /* was -3px  */
    left: -8px;
  }

  /* TEXT */

  .TV_Firefox_AquaText,
  .TV_Firefox_AquaTextSingleDigit,
  .TV_Firefox_GreenText,
  .TV_Firefox_GreenTextSD,
  .TV_Firefox_OvalText,
  .TV_Firefox_OvalTextSD {
    position: absolute;
  }

  .TV_Firefox_AquaText,
  .TV_Firefox_AquaTextSingleDigit {
    /* This moves TODAYS date */
    top: -20px;
    left: 2px; /* + right */
  }
  .TV_Firefox_AquaTextSingleDigit {
    left: 4px; /* + right */
  }
  .TV_Firefox_GreenText,
  .TV_Firefox_GreenTextSD {
    /* This moves the date in an event */
    top: -17px; /* - up */
    left: 4px; /* + right */
  }
  .TV_Firefox_GreenTextSD {
    left: 8px;
  }

  .TV_Firefox_OvalText,
  .TV_Firefox_OvalTextSD {
    top: -17px; /* - up */
  }
  .TV_Firefox_OvalText {
    left: 9px;
    /* background: pink; */
  }
  .TV_Firefox_OvalTextSD {
    left: 12px;  /* Was 12px 7/15 */
  }

  .TV_Firefox_smGreenText,
  .TV_Firefox_smGreenTextSD {
    /* This moves TODAYS date in an event */
    top: -20px;
    left: 3px;
  }
  .TV_Firefox_smGreenTextSD {
    left: 5px;
  }

  /* ********** */
  /* PH PHONE */
  /* ********** */

  :root {
     --offtri: -12; /* 0 to reset */
  }

  .PH_Firefox_TopLTri,
  .PH_Firefox_TopLTriEv,
  .PH_Firefox_TopLTriToday,
  .PH_Firefox_TopLTriEvToday {
    width: 0;
    height: 0;
    border-top: 6px solid red;
    border-right: 6px solid transparent;
    position: absolute;
  }

  .PH_Firefox_TopLTriEvToday {
    top: -14px;  /* 8/1/2025 was -24px */
    left: calc(var(--offtri) * 1px - 3px);    /*-3px;*/
  }
  .PH_Firefox_TopLTriEv {
    top: -20px; /* was -20px 8/1/2025 was -30px */
    left: calc(var(--offtri) * 1px + 0px); /* 0; + right */
  }
  .PH_Firefox_TopLTriToday {
    top: -20px;
    left: -5px;
  }
  .PH_Firefox_TopLTri {
    top: -18px; /* was -3px  */
    left: calc(var(--offtri) * 1px - 8px);  /*-8px;*/
  }

  /* TEXT */

  .PH_Firefox_AquaText,
  .PH_Firefox_AquaTextSingleDigit,
  .PH_Firefox_GreenText,
  .PH_Firefox_GreenTextSD,
  .PH_Firefox_OvalText,
  .PH_Firefox_OvalTextSD {
    position: absolute;
  }

  :root {
    --offAqT:    12;  /* 0 to reset */
    --offAqL:    -9;  /* 0 to reset */
    --offevnum: -10;  /* 0 to reset */
    --offoval:    0;  /* 0 to reset */
    --offovalsd:-15;  /* 0 to reset */
  }

  .PH_Firefox_AquaText,
  .PH_Firefox_AquaTextSingleDigit {
    /* This moves TODAYS date */
    top:  calc(var(--offAqT) * 1px - 20px); /* -20px;8/1/2025 was -30px, -31 July 4th just TODAY */
    left: calc(var(--offAqL) * 1px + 2px); /* 2px; + right */
  }
  .PH_Firefox_AquaTextSingleDigit {
    left:  calc(var(--offAqL) * 1px + 7px); /* 7px; + right */
  }

  .PH_Firefox_GreenText,
  .PH_Firefox_GreenTextSD {
    /* This moves the date in an event */
    top: -16px; /* - up 8/1/205 was -26px */
    left: calc(var(--offevnum) * 1px + 4px); /* 4px; + right */
  }
  .PH_Firefox_GreenTextSD {
    left: calc(var(--offevnum) * 1px + 7px); /*7px;*/
  }

  .PH_Firefox_OvalText,
  .PH_Firefox_OvalTextSD {
    top: -17px; /* - up 8/1/2025 was -27px */
    left: calc(var(--offoval) * 1px - 8px); /*8px;*/
    /* background: pink; */
  }
  .PH_Firefox_OvalTextSD {
    left: calc(var(--offovalsd) * 1px + 13px); /* 13px; Was 3 7/15/2025*/
  }

  .PH_Firefox_smGreenText,
  .PH_Firefox_smGreenTextSD {
    /* This moves TODAYS date in an event */
    top: -4px;  /* -up 8/1/2025 was -14px */
    left: -6px;
  }
  .PH_Firefox_smGreenTextSD {
    left: 6px;  /* 8/1/2025 was  6px */
  }

}