/* CARS.css - RESPONSIVE CSS */

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .body, .menu, .main, .right {
    width: 100%;
  }
}


@font-face {
	src: url("/ab_classic/fonts/Londrina_Shadow/LondrinaShadow-Regular.ttf");
	font-family: LondrinaShadow;
}
@font-face {
	src: url("/ab_classic/fonts/Chalktastic/ChalktasticItalic-pEwZ.ttf");
	font-family: Chalktastic1;
}
@font-face {
	src: url("/ab_classic/fonts/Chalktastic/Chalktastic-x1nR.ttf");
	font-family: Chalktastic2;
}
@font-face {
	src: url("/ab_classic/fonts/Chalktastic/Chalktastic-r78L.ttf");
	font-family: Chalktastic3;
}
@font-face {
	src: url("/ab_classic/fonts/Chalktastic/ChalktasticItalic-YYA4.ttf");
	font-family: Chalktastic4;
}
@font-face {
	src: url("/ab_classic/fonts/Patrick_Hand/PatrickHand-Regular.ttf");
	font-family: PatrickHand;
}
@font-face {
	src: url("/ab_classic/fonts/Eraser/EraserRegular-DO1D.ttf");
	font-family: EraserRegular;
}
@font-face {
	src: url("/ab_classic/fonts/Eraser/EraserDust-p70d.ttf");
	font-family: EraserDust;
}
@font-face {
	src: url("/ab_classic/fonts/Architects_Daughter/ArchitectsDaughter-Regular.ttf");
	font-family: ArchitectsDaughter;
}
@font-face {
	src: url("/ab_classic/fonts/Sriracha/Sriracha-Regular.ttf");
	font-family: Sriracha;
}
.FontLondrinaShadow {
	font-family: LondrinaShadow;
}
.FontChalktastic1 {
	font-family: Chalktastic1;
}
.FontChalktastic2 {
	font-family: Chalktastic2;
}
.FontChalktastic3 {
	font-family: Chalktastic3;
}
.FontChalktastic4 {
	font-family: Chalktastic4;
}
.FontPatrickHand {
	font-family: PatrickHand;
}
.FontEraserRegular {
	font-family: EraserRegular;
}
.FontEraserDust {
	font-family: EraserDust;
}
.FontArchitectsDaughter {
	font-family: ArchitectsDaughter;
}
.FontSriracha {
	font-family: Sriracha;
}




.ContainerMaster {
	margin: auto;
	border:2px solid green;
	padding:1em;
	max-width:1200px;
	font-family: ArchitectsDaughter;
	font-size: clamp(0.375rem, 0.054rem + 1.429vw, 6rem);
}


.quiz-container {
  display: grid;

  border: 1px solid black;
  font-size: clamp(0.375rem, 0.054rem + 1.429vw, 6rem);
  background:lightblue;
}



.questions-date {
  grid-row-start: 1;
  grid-row-end 1;
  grid-column-start: 1;
  grid-column-end: 4;
  background:lightgreen;
  color:black;
  padding:1em;
  text-align:left;
}



.questions-book {
  grid-row: 1 / 1;
  grid-column:4 / 9;
  background:lightgreen;
  color:black;
  padding:0.4em;
  text-align:center;
  font-size:2em;
}



.questions-ref {
  grid-area: 1 / 9 / 1 / 10; /* row-start column-start row-end column-end   */
  background:lightgreen;
  color:black;
  padding:1em;
  text-align:right;
}



.questions-number1 {
  grid-area: 2 / 1 / 2 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.questions-question1 {
  grid-area: 2 / 2 / 2 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:lightyellow;
  padding:1em;
  text-align:justify;
}



.questions-number2 {
  grid-area: 3 / 1 / 3 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.questions-question2 {
  grid-area: 3 / 2 / 3 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:lightyellow;
  padding:1em;
  text-align:justify;
}



.questions-number3 {
  grid-area: 4 / 1 / 4 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.questions-question3 {
  grid-area: 4 / 2 / 4 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:lightyellow;
  padding:1em;
  text-align:justify;
}



.questions-number4 {
  grid-area: 5 / 1 / 5 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.questions-question4 {
  grid-area: 5 / 2 / 5 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:lightyellow;
  padding:1em;
  text-align:justify;
}



.questions-number5 {
  grid-area: 6 / 1 / 6 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.questions-question5 {
  grid-area: 6 / 2 / 6 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:lightyellow;
  padding:1em;
  text-align:justify;
}



.questions-footer {
  grid-area: 7 / 1 / 7 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:lightblue;
  padding:0.2em;
  text-align:center;
}




.answers-date {
  grid-row-start: 1;
  grid-row-end 1;
  grid-column-start: 1;
  grid-column-end: 4;
  background:red;
  color:white;
  padding:1em;
  text-align:left;
}



.answers-book {
  grid-row: 1 / 1;
  grid-column:4 / 9;
  background:red;
  color:white;
  padding:0.4em;
  text-align:center;
  font-size:2em;
}



.answers-ref {
  grid-area: 1 / 9 / 1 / 10; /* row-start column-start row-end column-end   */
  background:red;
  color:white;
  padding:1em;
  text-align:right;
}



.answers-number1 {
  grid-area: 2 / 1 / 2 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.answers-question1 {
  grid-area: 2 / 2 / 2 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:#ffe6e6;
  padding:1em;
  text-align:justify;
}



.answers-number2 {
  grid-area: 3 / 1 / 3 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.answers-question2 {
  grid-area: 3 / 2 / 3 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:#ffe6e6;
  padding:1em;
  text-align:justify;
}



.answers-number3 {
  grid-area: 4 / 1 / 4 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.answers-question3 {
  grid-area: 4 / 2 / 4 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:#ffe6e6;
  padding:1em;
  text-align:justify;
}



.answers-number4 {
  grid-area: 5 / 1 / 5 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.answers-question4 {
  grid-area: 5 / 2 / 5 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:#ffe6e6;
  padding:1em;
  text-align:justify;
}



.answers-number5 {
  grid-area: 6 / 1 / 6 / 1; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:black;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  padding:1em;
  text-align:center;
}



.answers-question5 {
  grid-area: 6 / 2 / 6 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  background:#ffe6e6;
  padding:1em;
  text-align:justify;
}



.answers-footer {
  grid-area: 7 / 1 / 7 / 10; /* row-start column-start row-end column-end   */
  border: 1px solid lightgray;
  padding:0.2em;
  text-align:center;
}


.myButtonGreen {
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	width: 21vw;
	cursor:pointer;
	color:#306108;
	font-family:Arial;
	font-size: clamp(8px, 1.8vw, 14px);	
	font-weight:bold;
	padding:0.3em;
	margin-right:0.3em;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}


.myButtonGreen:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
.myButtonGreen:active {
	position:relative;
	top:1px;
}


.myButtonRed {
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #ffe6e6 5%, #ff0000 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.myButtonRed:hover {
	background:linear-gradient(to bottom, #ff0000 5%, #ffe6e6 100%);
	background-color:#ffffff;
}

.myButtonRed:active {
	position:relative;
	top:1px;
}


.myButtonOrange {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	width: 20vw;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size: clamp(8px, 2vw, 14px);	
	padding:0.3em;
	margin-right:0.3em;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}

.myButtonOrange:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
}


.myButtonOrange:active {
	position:relative;
	top:1px;
}




.myButtonDonateBlue:hover {
	background:linear-gradient(to bottom, #0f3cd1 5%, #92a9f7 100%);
}


.myButtonDonateBlue:active {
	position:relative;
	top:1px;
}


.myButtonDonateGreen {
	box-shadow: 0px 0px 0px 2px #ced0d6;
	background:linear-gradient(to bottom, #32cd32 5%, #1e7b1e 100%);
	background-color:#7892c2;
	border-radius:6px;
	border:1px solid #1e7b1e;
	display:inline-block;
	width: 12vw;
	cursor:pointer;
	color:#ffffff;
	text-shadow: 
        -1px -1px 0 black,  /* Top-left shadow */
        1px -1px 0 black,   /* Top-right shadow */
        -1px 1px 0 black,   /* Bottom-left shadow */
        1px 1px 0 black;    /* Bottom-right shadow */
	font-family:Arial;
	font-size: clamp(8px, 2vw, 20px);	
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration:none;
	min-width:20vw;
	letter-spacing: 2px;
}


.myButtonDonateGreen:hover {
	background:linear-gradient(to bottom, #1e7b1e 5%, #32cd32 100%);
}


.myButtonDonateGreen:active {
	position:relative;
	top:1px;
}


.myButtonBuy {
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	background-color:#ff5bb0;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	min-width: 5vw;
	max-width: 8vw;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size: clamp(8px, 2vw, 14px);	
	padding:0.3em;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.myButtonBuy:hover {
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	background-color:#ff5bb0;
	color:white;
}
.myButtonBuy:active {
	position:relative;
	top:1px;
	color:white;
}

.circle {
	width: 50px; /* Diameter of the circle */
	height: 50px;
	background-color: black;
	color: white;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	line-height: 50px; /* Match the height to vertically center the text */
	border-radius: 50%;
	display: inline-block;
        }
        
        
div.CenterText {
	text-align:center;
}











.DonateButton1 {
    height: 4em;
    min-width: 40vw;
}


.MonthPodcastContainerBlue {
	background: url('/wp-content/uploads/BgBlueParchment.jpg') repeat;
	border:1% solid lightgray;
	border-style: groove;
	width:100%;
}


.ContentAreaContainer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}


.LeftSectionInnerContainer {
	max-width:60%;
	padding:1%;
}


.EpisodesContainer {
	background: url('/wp-content/uploads/BgLightBlueParchment.jpg') repeat;
	border:inset;
	border-style: solid;
	border-width: 3px;
	border-top-color: lightblue;
	border-left-color: lightblue;
	border-right-color: darkblue;
	border-bottom-color: darkblue;
	/* font-size: min(max(6px, 1.5vw), 14px);*/
	color: #467606;
	min-width:100%;
}


.EpisodesHeaderContainer {
	background:white;
	min-width:100%;
}


.EpisodeDescriptions {
	line-height:1.5em;
	width:75%;
	text-align:left;
	vertical-align:middle;
	/* === font-size: min(max(4px, 1vw), 14px); === */
	font-size: min(max(9px, 1.5vw), 14px);
	padding-left:1%;
	color: green;
	border-bottom: 1px solid lightgray;
	padding-top:5px;
	padding-bottom:5px;	
	background: url('/wp-content/uploads/BgWhiteParchment.jpg') repeat;
}


.EpisodeDescriptionsExtra {
	line-height:1.5em;
	width:75%;
	text-align:left;
	vertical-align:middle;
	font-size: min(max(4px, 1vw), 14px);
	padding-left:1%;
	color: green;
	border-bottom: 1px solid lightgray;
	background-color: lightyellow;
	padding-top:5px;
	padding-bottom:5px;
}


.EpisodesDatesBlue {
	line-height:1.5em;
	width:12%;
	text-align:center;
	vertical-align:middle;
	/* === font-size: min(max(4px, 1vw), 14px); === */
	font-size: min(max(9px, 1.5vw), 14px);
	color: #000;
	border-bottom:1px solid #a6c4b8;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	border:1px solid #a6c4b8;
	padding-top:5px;
	padding-bottom:5px;
}

.EpisodesDatesBlue:hover {
	color: red;
	background:linear-gradient(to bottom, #a6c4b8 5%, #c7edde 100%);
}


.EpisodesIcons {
	line-height:1.5em;
	width:13%;
	text-align:center;
	padding-top:0.5em;
	font-size: min(max(4px, 1.1vw), 12px);
	color: green;
	border-bottom: 1px solid lightgray;
	padding-top:5px;
	padding-bottom:5px;
	background: url('/wp-content/uploads/BgWhiteParchment.jpg') repeat;
}


.EpisodesIcons img {
	max-width:1.6vw;
}


.EpisodesIconsExtra {
	line-height:1.5em;
	width:13%;
	text-align:center;
	padding-top:0.5em;
	font-size: min(max(4px, 1.1vw), 12px);
	color: green;
	border-bottom: 1px solid lightgray;
	background-color: lightyellow;
	padding-top:5px;
	padding-bottom:5px; 
}


.EpisodesIconsExtra img {
	max-width:2vw;
}


.EpisodesDatesBlue {
	line-height:1.5em;
	width:12%;
	text-align:center;
	vertical-align:middle;
	/* === font-size: min(max(4px, 1vw), 14px); === */
	font-size: min(max(9px, 1.5vw), 14px);
	color: #000;
	border-bottom:1px solid #a6c4b8;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	border:1px solid #a6c4b8;
	padding-top:5px;
	padding-bottom:5px;
}

.EpisodesDatesBlue:hover {
	color: red;
	background:linear-gradient(to bottom, #a6c4b8 5%, #c7edde 100%);
}



































/* ++++++++++++++++++++++ ARCHERS PODCAST PAGES 2025 ONWARDS +++++++++++++++++++++ */


.MyPageContainer {
	width:100%;
	font-size: min(max(9px, 1.5vw), 18px);
	line-height:1.5em;
}

.ContainerPageTitle {
	font-size: min(max(14px, 3vw), 30px);
	color:darkgreen;
	font-weight: bold;
	text-align:center;
	padding-bottom:0.2em;
	line-height:1.5em;
}

.dynamic_year {
    margin: 0;
    padding-top: 0.5;
    padding-bottom: 0em;
    color:coral;
    line-height: 2em; /* Adjust spacing as needed */
}

.PagePasswordTitle {
	color:blue;
	font-size:0.7em;
}

.ContainerYearsMonths {
	border-style: groove;
	border-width: 2%;
	border-color: lightgray;  
}

.ContainerPossition {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.ContainerYearsMonths {
	border-style: groove;
	border-width: 2%;
	border-color: lightgray;  
}

.ContainerPossition {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.months{
	font-size: min(max(9px, 1.2vw), 16px);
	text-align:center;
	width: 100%;
	text-shadow: 2px 2px 4px #ffffff;
	background-color: lightgreen;.HeaderDescription {
	line-height:2em;
	width:75%;
	text-align:left;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	/* === font-size: min(max(5px, 1vw), 12px); === */
	font-size: min(max(9px, 1.3vw), 16px);
	color: black; 
	background-color: #99bfd2;
	padding-left:1%; 
	padding-top:5px;
	padding-bottom:5px; 
	
}

	color:black;
	padding-top:5px;
	padding-bottom:5px;
}

.ContainerPodcastMonthBlue {
	background: url('/wp-content/uploads/BgBlueParchment.jpg') repeat;
	border:1% solid lightgray;
	border-style: groove;
	width:100%;
}

.ContainerMainPodcastArea {
	width:70%;
	padding:1%;
}

div.BannerImage img {
	width: 100%;
	border: 2px solid white;
}

div.ExtraBanner {
	text-align:center;
	width:100%;
	border: 2px solid white;
}

.ContainerPodcastsBlue {
	background: url('/wp-content/uploads/BgLightBlueParchment.jpg') repeat;
	border:inset;
	border-style: solid;
	border-width: 3px;
	border-top-color: lightblue;
	border-left-color: lightblue;
	border-right-color: darkblue;
	border-bottom-color: darkblue;
	/* font-size: min(max(6px, 1.5vw), 14px);*/
	color: #467606;
}

.ContainerPodcasts {
	background:white;
}

.HeaderMonth {
	line-height:2em;
	width:12%;
	text-align:center;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
	/* === font-size: min(max(9px, 1.5vw), 12px); === */
	font-size: min(max(9px, 1.3vw), 12px);
	color: white;
	background-color: #99bfd2;
	padding-top:5px;
	padding-bottom:5px; 
}

.HeaderDescription {
	line-height:2em;
	width:75%;
	text-align:left;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	/* === font-size: min(max(5px, 1vw), 12px); === */
	font-size: min(max(9px, 1.3vw), 16px);
	color: black; 
	background-color: #99bfd2;
	padding-left:1%; 
	padding-top:5px;
	padding-bottom:5px; 
}

.HeaderTOP {
	line-height:2em;
	width:13%;
	text-align:center;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	/* === font-size: min(max(5px, 1.5vw), 14px); === */
	font-size: min(max(9px, 1.3vw), 12px);
	color: darkred; 
	background:linear-gradient(to bottom, #c7edde 5%, #a6c4b8 100%);
	-webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
    background-color: #99bfd2;
    padding-top:5px;
	padding-bottom:5px;  
}

.PodcastsDatesBlue {
	line-height:1.5em;
	width:12%;
	text-align:center;
	vertical-align:middle;
	/* === font-size: min(max(4px, 1vw), 14px); === */
	font-size: min(max(9px, 1.5vw), 14px);
	color: #000;
	border-bottom:1px solid #a6c4b8;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	border:1px solid #a6c4b8;
	padding-top:5px;
	padding-bottom:5px;
}

.PodcastsDatesBlue:hover {
	color: red;
	background:linear-gradient(to bottom, #a6c4b8 5%, #c7edde 100%);
}

.PodcastsDescriptions {
	line-height:1.5em;
	width:75%;
	text-align:left;
	vertical-align:middle;
	/* === font-size: min(max(4px, 1vw), 14px); === */
	font-size: min(max(9px, 1.5vw), 14px);
	padding-left:1%;
	color: green;
	border-bottom: 1px solid lightgray;
	padding-top:5px;
	padding-bottom:5px;	
	background: url('/wp-content/uploads/BgWhiteParchment.jpg') repeat;
}

.PodcastsDescriptionsExtra {
	line-height:1.5em;
	width:75%;
	text-align:left;
	vertical-align:middle;
	font-size: min(max(4px, 1vw), 14px);
	padding-left:1%;
	color: green;
	border-bottom: 1px solid lightgray;
	background-color: lightyellow;
	padding-top:5px;
	padding-bottom:5px;
}

.PodcastsIcons {
	line-height:1.5em;
	width:13%;
	text-align:center;
	padding-top:0.5em;
	font-size: min(max(4px, 1.1vw), 12px);
	color: green;
	border-bottom: 1px solid lightgray;
	padding-top:5px;
	padding-bottom:5px;
	background: url('/wp-content/uploads/BgWhiteParchment.jpg') repeat;
}


.PodcastsIcons img {
	max-width:1.6vw;
}

.PodcastsIconsExtra {
	line-height:1.5em;
	width:13%;
	text-align:center;
	padding-top:0.5em;
	font-size: min(max(4px, 1.1vw), 12px);
	color: green;
	border-bottom: 1px solid lightgray;
	background-color: lightyellow;
	padding-top:5px;
	padding-bottom:5px; 
}


.PodcastsIconsExtra img {
	max-width:2vw;
}

div.DonateButtonArea {
	text-align:center;
}

div.MonthDonationsBlue img {
	max-width: 30vw;
	color:#bac9e6;
}

.ContainerMainCharity {
	width: 30%;
	padding:2%;
	text-align:center;
	font-size: min(max(5px, 1.2vw), 16px);
	color:#000;
	padding-left:8px;
	padding-right:8px;
}

.ContainerMainCharity img {
	margin-top: 10px;
	border-style:groove;
	border-width:5px;
	max-width:100%;
}

.myButtonDonateBlue {
	box-shadow: 0px 0px 0px 2px #ced0d6;
	background:linear-gradient(to bottom, #92a9f7 5%, #0f3cd1 100%);
	background-color:#7892c2;
	border-radius:6px;
	border:1px solid #0f3cd1;
	display:inline-block;
	width: 12vw;
	cursor:pointer;
	color:#ffffff;
	text-shadow: 
        -1px -1px 0 black,  /* Top-left shadow */
        1px -1px 0 black,   /* Top-right shadow */
        -1px 1px 0 black,   /* Bottom-left shadow */
        1px 1px 0 black;    /* Bottom-right shadow */
	font-family:Arial;
	font-size: clamp(8px, 2vw, 20px);	
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration:none;
	min-width:20vw;
	letter-spacing: 2px;
}

div.DonateButtonArea {
	text-align:center;
}

div.DonateButtonArea img {
	max-width:20vw;
	padding-top:10px;
}

.DonationText {
	font-family: ArchitectsDaughter;
	font-size: clamp(10px, 1.5vw, 26px);	
	font-weight: bold;
	text-align: left;
	padding-left: 1em;
	padding-top: 1em;
}

.HeadingCharity {
	width:100%;
	background: #3D94F6;
	background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -webkit-gradient(to bottom, #3D94F6, #1E62D0);
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 2px;
	color: #FFFFFF;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 10em 0 #000000;
	-moz-box-shadow: 1px 1px 10em 0 #000000;
	box-shadow: 0px 0px 4px 1px #000000 inset; /* h-offset, v-offset, blur, spread color */
	text-shadow: 1px 1px 10em #000000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-size: min(max(5px, 1vw), 14px);
	line-height:1.5em;
}

.BottomText {
	font-size: min(max(6px, 1.5vw), 16px);
	border: 0.2em solid #fff;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin:0.4em;
	background: url('/wp-content/uploads/ParchmentClouds1200x100.jpg') repeat;
}








* {
  box-sizing: border-box;
}

.GridCharityContainer { 
    display: grid; 
    grid-template-columns: 70% 30%; 
    grid-gap: none; 
    border: 1px solid black; 
    width: 100%;
}

.CharityContainerChild { 
	background: url('/wp-content/uploads/BgWhiteParchment.jpg') repeat;
}


/* Subrows inside Grid 4 */
.CharityContainerChildSubset {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  background-color: lightyellow;
  width: 100%;
}




.AOPYear {
	margin-top: 0;
	text-align:center;
	vertical-align:middle;
	line-height:auto;
	font-size: clamp(0.5rem, 0.8rem + 1.429vw, 3rem);
}


.GridPodcastContainer { 
    display: grid; 
    grid-template-columns: 15% 75% 10%; 
    grid-gap: none; 
	row-gap: 0; /* No vertical gap between rows */
    border: 1px solid black; 
    width: 100%;
} 


.GridPodcastContainer > div {
  display: grid;
  align-items: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0; /* No padding here, use it inside */
}

.CharityPodcastChild { 
	background: url('/wp-content/uploads/BgWhiteParchment.jpg') repeat;
}


.Cotm {
	text-align:center;
	font-size: clamp(8px, 2vw, 20px);	
	vertical-align:middle;
	color:white;
	background:black;
	border: 0.2em solid #fff;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin:0.4em;
	background: black;
}



.DonateBlueButton {
	box-shadow: 0px 0px 0px 2px #ced0d6;
	background:linear-gradient(to bottom, #839ef7 5%, #0030d1 100%);
	border-radius:6px;
	border:1px solid #1e7b1e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-shadow: 
        -1px -1px 0 black,  /* Top-left shadow */
        1px -1px 0 black,   /* Top-right shadow */
        -1px 1px 0 black,   /* Bottom-left shadow */
        1px 1px 0 black;    /* Bottom-right shadow */
	font-family:Arial;
	font-size: clamp(8px, 2vw, 14px);	
	padding:0.5em 5em 0.5em 5em;
	text-decoration:none;
	max-width:40vw;
	letter-spacing: 2px;
	margin: 1em 0em 1em 0em;

}

.DonateBlueButton:hover {
	background:linear-gradient(to bottom, #0f3cd1 5%, #839ef7 100%);
}


.DonateBlueButton:active {
	position:relative;
	top:1px;
}


.QuizQButton {
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #77d42a 5%, #3f8a03 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	max-width:20vw;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size: clamp(0.7em, 2vw, 14px);	
	padding:0.5em;
	margin-right:1em;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}


.QuizQButton:hover {
	background:linear-gradient(to bottom, #3f8a03 5%, #77d42a 100%);
}


.QuizQButton:active {
	position:relative;
	top:1px;
}


.QuizAButton {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	max-width:20vw;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size: clamp(0.7em, 2vw, 14px);	
	padding:0.5em;
	margin-right:1em;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}

.QuizAButton:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
}


.QuizAButton:active {
	position:relative;
	top:1px;
}



.BookButton {
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	background-color:#ff5bb0;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	min-width: 5vw;
	max-width:20vw;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size: clamp(0.7em, 2vw, 14px);	
	padding:0.5em;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.BookButton:hover {
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	background-color:#ff5bb0;
	color:white;
}
.BookButton:active {
	position:relative;
	top:1px;
	color:white;
}


.DonationsThisMonth {
	font-family: ArchitectsDaughter;
	font-size: clamp(12px, 2vw, 1.5em);	
	font-weight: bold;
	text-align:center;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}


.CharityPhotoFrame {
	background: green;
	color: white;
	text-align: center;
	padding: 2px;
	font-size: clamp(8px, 2vw, 1em);	
	margin: 0.7em 0.5em 1em 0em;
}


.PodcastHeader {
	float:left;
	width:70%;
	text-align: left;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	/* === font-size: min(max(5px, 1.5vw), 14px); === */
	font-size: clamp(8px, 2vw, 1em);	
	color: darkred; 
	background:linear-gradient(to bottom, #c7edde 5%, #a6c4b8 100%);
	-webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
    background-color: #99bfd2;
	padding: 5px 1em 5px 1em;	
}


.PodcastHeaderTop {
	float:right;
	width:30%;
	text-align: right;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	/* === font-size: min(max(5px, 1.5vw), 14px); === */
	font-size: clamp(7px, 2vw, 0.8em);	
	color: darkred; 
	background:linear-gradient(to bottom, #c7edde 5%, #a6c4b8 100%);
	-webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
    background-color: #99bfd2;
	padding: 5px 1em 5px 1em;	
}



/* Inner content block: stretches to fill full row height */
.PodcastDates,
.PodcastDatesExtra,
.PodcastMeta {
	display: flex;
	font-size: clamp(6px, 2vw, 1em);	
	align-items: center;     /* Vertically center text */
	justify-content: center; /* Center horizontally — optional */
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}


.PodcastDates {
	color: black;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
}


.PodcastDates:hover {
	color: red;
	background:linear-gradient(to bottom, #a6c4b8 5%, #c7edde 100%);
}


.PodcastDatesExtra {
	color: coral;
	background:linear-gradient(to bottom, #FEFDCC 5%, #FFF97F 100%);
}


.PodcastDatesExtra:hover {
	color:black;
	background:linear-gradient(to bottom, orange 5%, lightyellow 100%);
}



.PodcastDescription,
.PodcastDescriptionExtra,
.PodcastMeta {
	display: flex;
	align-items: center;     /* Vertically center text */
	vertical-align:middle;
	text-align:left;
	font-size: clamp(7px, 2vw, 1em);
	padding-left:1%;
	padding-top:5px;
	padding-bottom:5px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.PodcastDescription {
	color:green;
}

.PodcastDescriptionExtra {
	color:black;
	background: lightyellow;
}


.PodcastIcon,
.PodcastIconExtra,
.PodcastMeta {	
	display: flex;
	font-size: clamp(6px, 2vw, 1em);	
	align-items: center;     /* Vertically center text */
	justify-content: center; /* Center horizontally — optional */
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}


.PodcastIconExtra {
	background:linear-gradient(to bottom, #FEFDCC 5%, #FFF97F 100%);
}


.PodcastIcon img {
	max-height: 1.5em;
}