/*
  File:      podcast.css
  Author:    Arthur L. Farnsworth
  Purpose:   Cascading stylesheet for Nancy's Liv-N-Rejuvenate site's Podcast page
  Created:   04 Oct 2026  From livnrejuvenate.css by splitting off page-specific code
  Revisions: 05 Oct 2026  Add padding and text-align to instructions CSS section
  Comments:  
*/
#idPPContentContainer {     /* The default (mobile-first) container is a column-based flexbox */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#idPPTitleFlexContainer {    /* The flexbox parent for just the title screen image */
  display: flex;
  flex-direction: row;
  justify-content: center;        /* Horizontal axis */
  margin-bottom: 1em;
  margin-top: 1em;
}
#idPPQuestionForm {
  background-color: #EEEEEE;
  border: thin solid black;
  margin-left: 0%; /*10%;*/
  /*margin-right: 10%;*/
  margin-top: 1em;
  padding: 10px;
  width: auto;      /* 40%; */
}
#idPPPodcastQuestionFormInstructions {
  font-size: larger;
  padding: 0em 1em 0em 1em; /* TRBL */
  text-align: left;
}
#idPPTitleScreen {
  border: thin solid black;     /* Set up all four borders here */
  width: 320px;
}
#idPPTableFlexContainer {       /* The flexbox parent for just the title screen image */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;            /* =squish them all together */
  justify-content: center;      /* Horizontal axis */
  margin-bottom: 3em;
  margin-top: 5em;
}
#idPPTable {
  border: 3px double black;
  border-collapse: collapse;
  text-align: center;
  width: 85%;
}
#idPPTable CAPTION {
  font-weight: bold;
  margin-bottom: 1em;
}
#idPPTable td, th {
  border: 1px solid black;
  padding: 2px;
}
#idPPTable IMG {         /* For the YouTube logo images */
  padding-top: 5px;
}
@media screen and (min-width:760px) {
}