/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Background of entire site was set in CSS Hero without me realizing it. Moving it here and making it 
Light-Dark Toggle Responsive Thu 8/1/24 at 11:59am */

html body.et-light-mode-capable div#main-content {
	background-color: #000 !important;
}

html body.et-light-mode-capable.et-light-mode div#main-content {
	background-color: #f8f8ff !important;
}

#StreamingBody.et-light-mode-capable {
	background-color: #000 !important;
}

#StreamingBody.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#GamingBody.et-light-mode-capable {
	background-color: #000 !important;
}

#GamingBody.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* Attempt to make all Custom Post Type #main-content backgrounds Light-Dark Responsive
Friday 12/13/24 at 5:05am */

#main-content:has(div.et-light-mode-capable) {
	background-color: #000 !important;
}

#main-content:has(div.et-light-mode-capable.et-light-mode) {
	background-color: #f8f8ff !important;
}

/* To turn child Sections Light-Dark Toggle Responsive also */

#StreamingBody.et-light-mode-capable div.et_pb_section {
	background-color: #000 !important;
}

#StreamingBody.et-light-mode-capable.et-light-mode div.et_pb_section {
	background-color: #f8f8ff !important;
}

#StreamingBody.et-light-mode-capable div.et_pb_section p {
	color: #fff !important;
}

#StreamingBody.et-light-mode-capable.et-light-mode div.et_pb_section p {
	color: #000 !important;
}

/* The block below makes the player link icons White constantly all the time no matter what, because on the 
Streaming pages at least after I made them Light-Dark Toggle responsive, when set to Light the toggle was making 
the Play and Fullscreen icons black aka invisible where you could not see them. This fixed it by making those 
white all the time regardless of the toggle setting. Added Thu 8/1/24 at 2:18pm */
#StreamingBody video a {
	color: #fff !important;
}

#mobile_menu2 {
	text-align: center;
}

.et_pb_section_25.et_pb_section, .et_pb_section_9.et_pb_section, .et_pb_section_10.et_pb_section, .et_pb_section_15.et_pb_section, .et_pb_section_24.et_pb_section, .et_pb_section_16.et_pb_section, .et_pb_section_29.et_pb_section, .et_pb_section_20.et_pb_section, .et_pb_section_6.et_pb_section, .et_pb_section_19.et_pb_section, .et_pb_section_17.et_pb_section, .et_pb_section_23.et_pb_section, .et_pb_section_4.et_pb_section, .et_pb_section_18.et_pb_section, .et_pb_section_22.et_pb_section, .et_pb_section_5.et_pb_section, .et_pb_section_8.et_pb_section, .et_pb_section_7.et_pb_section, .et_pb_section_28.et_pb_section, .et_pb_section_14.et_pb_section, .et_pb_section_21.et_pb_section, .et_pb_section_3.et_pb_section, .et_pb_section_11.et_pb_section, .et_pb_section_26.et_pb_section, .et_pb_section_27.et_pb_section, .et_pb_menu_0.et_pb_menu .et_mobile_menu, .et_pb_menu_0.et_pb_menu .et_mobile_menu ul, .et_pb_section_12.et_pb_section, .et_pb_section_13.et_pb_section {
	text-align: center;
}

.et_pb_menu .et-menu-nav > ul ul {
	text-align: center;
}

.et_mobile_menu li li {
	padding-left: 0%;
}

.wpsr-yt-video .wpsr-yt-video-info h3 a {
  color: #fff;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: bold;
}

.wpsr-yt-video .wpsr-yt-video-info .wpsr-yt-video-statistics .wpsr-yt-video-statistic-item {
  margin-right: 15px;
  font-size: 13px;
  position: relative;
  color: #fff;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1284px) {
 #top-menu li, #top-menu li a {
 font-size: 12px;
 }
 }
 
 /* The two code blocks below I think make the descriptions under the shows able to respond to the Light Dark toggle, maybe just on Africa Screams, I don't remember what they do actually and didn't want to
 comment them out to check, sorry I forgot what these do cause I didn't make a note above them earlier. Added Wed 2/8/23 before 2am 
 I can't tell what this is for and when I deleted it, it seemed to do nothing, however I'm leaving it here and active just in case I need it. I searched for it in the HTML on my homepage and it was a match
 specifically for the section that says "Launch Sequence Initiated - Lone Star Studios has liftoff" so maybe that's what it is for. If not, then it's something like that somewhere on the site.
It was active already, so I'm just going to leave it as is, since it doesn't appear to be bothering or messing anything up one way or the other for now. */

/* Found it just now, 8/9/25 at 5:17pm, it handles the text of my blog posts and articles aka news stories */

#ArticleContent.et-light-mode-capable h1{
	color: #fff !important;
}

#ArticleContent.et-light-mode-capable.et-light-mode h1{
	color: #000 !important;
}

 .et_pb_section.et-light-mode-capable.et-light-mode .et_pb_text_0.et_pb_text{
	 color: #000 !important;
 }
 
 .et_pb_section.et-light-mode-capable .et_pb_text_0.et_pb_text{
	 color: #fff !important;
 }
 
 /* Somehow the two blocks of code below get the B&W/Color toggle and "You have 48 hours left on your rental" messages to work with the Light Dark Toggle, added Wed 2/8/23 at 1:57am */ 
 .dipl_content_toggle_0 .dipl_toggle_title_value h5{
	 color: #000 !important;
 }
 
 .dipl_content_toggle_0 .dipl_toggle_title_value h5{
	 color: #fff !important;
 }
 
 /* COLOR SIDE OF TOGGLE NEEDS CODE TO WORK ALSO AND THAT'S WHAT THE TWO BLOCKS ARE BELOW ADDED WED 2/8/23 2:05AM */
 .et_pb_section.et-light-mode-capable.et-light-mode .et_pb_text_1.et_pb_text{
	 color: #000 !important;
 }
 
 .et_pb_section.et-light-mode-capable .et_pb_text_1.et_pb_text{
	 color: #fff !important;
 }
 
 /* On Streaming ALL Shows page, the two code blocks below enable the Jump To dropdown menu to react to the Light Dark Toggle */
 #JumpTo.et-light-mode-capable.et-light-mode #menu-alphabetical_lone-star-streaming > li:nth-child(1) > a:nth-child(1){
	 color: #000 !important;
 }
 
 #JumpTo.et-light-mode-capable #menu-alphabetical_lone-star-streaming > li:nth-child(1) > a:nth-child(1){
	 color: #fff !important;
 }
 
  /* On Gaming ALL Games page, the two code blocks below enable the Jump To dropdown menu to react to the Light Dark Toggle */
 #JumpTo.et-light-mode-capable.et-light-mode #menu-alphabetical_lone-star-gaming > li:nth-child(1) > a:nth-child(1){
	 color: #000 !important;
 }
 
 #JumpTo.et-light-mode-capable #menu-alphabetical_lone-star-gaming > li:nth-child(1) > a:nth-child(1){
	 color: #fff !important;
 }
 
 /* Added Sat 2/11/23 7pm Four Code blocks below makes No Results Found Paragraph Responsive to Light Dark Toggle on All Posts Template and pages */ 
 #PhonePosts.et-light-mode-capable.et-light-mode > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1){
	 color: #000 !important;
 }
 
 #PhonePosts.et-light-mode-capable > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1){
	 color: #fff !important;
 }
 
 #PhonePosts.et-light-mode-capable.et-light-mode > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
	 color: #000 !important;
 }
 
 #PhonePosts.et-light-mode-capable > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
	 color: #fff !important;
 }
 
 /* Trying to add styling for iframes that hold the Arcade games */
 .iframeContainer{
	 position: relative;
	 width: 1920px !important;
	 height: 608px !important;
	 overflow: hidden;
 }
 
 /* Fluent Forms v2 Visible reCaptcha attempt to center, don't want v3 preventing donations and visible v2 is the only other option */
 #fluentform-recaptcha-11, #fluentform-recaptcha-16, #fluentform-recaptcha-17, #fluentform-recaptcha-18, #fluentform-recaptcha-19, #fluentform-recaptcha-20{
	 padding-left: 21%;
 }
 
 #fluentform-recaptcha-34{
	 padding-left: 35%;
 }
 
@media screen and (max-width: 890px){
  /* Fluent Forms v2 Visible reCaptcha attempt to center, don't want v3 preventing donations and visible v2 is the only other option */
 #fluentform-recaptcha-11, #fluentform-recaptcha-16, #fluentform-recaptcha-17, #fluentform-recaptcha-18, #fluentform-recaptcha-19, #fluentform-recaptcha-20, #fluentform-recaptcha-34{
	 padding-left: 0%;
 }
}

 /* Fluent Forms v2 Visible reCaptcha attempt to center, don't want v3 preventing donations and visible v2 is the only other option */
 #ff_form_11, #ff_form_16, #ff_form_17, #ff_form_18, #ff_form_19, #ff_form_20, #ff_form_34{
	 color: #fff !important;
	 font-size: 18px !important;
 }
 
  /* ARCADE AND DEFAULT */
 #Game.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
 #Game.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 100% !important;
 }
 
  /* MS-DOS */
 #GameMSDOS.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GameMSDOS.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 86% !important;
 }
 
 /* SEGA/NES/SNES */
  #GameSega.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GameSega.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 94% !important;
 }
 
 /* PLAYSTATION */
   #GamePS.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GamePS.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 100% !important;
 }
 
  /* NBA JAM */
 #GameNBAJAM.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GameNBAJAM.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 103% !important;
 }
 
   /* GALAGA */
 #GameGalaga.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GameGalaga.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 115% !important;
 }
 
  /* SPACE INVADERS */
  #GameSpaceInvaders.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GameSpaceInvaders.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 92% !important;
 }
 
   /* PAPERBOY */
  #GamePaperboy.et-arcade-mode-capable{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
  #GamePaperboy.et-arcade-mode-capable.et-arcade-mode{
	 position: absolute;
	 top: -14%;
	 min-width: 100vw !important;
	 height: 84% !important;
 }
 
 @media screen and (max-width: 890px) {
  #Game.et-arcade-mode-capable{
	 position: absolute;
	 top: -7%;
	 min-width: 100vw !important;
	 height: 77% !important;
 }
 }
 
 /* Thu 3/9/23 12am Radio.net removed styling for their embedded radio player making it unusable, so I'm getting the stream straight from WayFM, which is interestingly still in the PowerFM folder on the Stream Guys website where it's hosted */
/*  .PowerFMContainer{
	 position: relative;
	 margin: 0 auto;
	 width: 1920px;
	 height: 1029px;
	 overflow: hidden;
 }
 
 .PowerFMiFrame {
	 position: absolute;
	 top: -1411px;
	 left: 0px;
	 width: 1920px;
	 height: 1920px;
 }
 
  @media screen and (max-width: 890px) {
 .PowerFMContainer{
	 position: relative;
	 margin: 0 auto;
	 width: 1920px;
	 height: 1029px;
	 overflow: hidden;
 }
 
 .PowerFMiFrame {
	 position: absolute;
	 top: -1411px;
	 left: -421px;
	 width: 1920px;
	 height: 1920px;
 }
 } */
 
 /* DESKTOP POWER FM PLAYER */
 
 /* Changing height from 35px to 429px Monday 2/5/24 at 5am cause PowerFM changed their player */
  .PowerFMHeadCont{
	 position: relative;
	 margin: 0 auto;
	 height: 450px;
	 width: 445px;
	 overflow: hidden;
 }
 
 .PowerFMHeadiFrame {
	 position: absolute;
	 top: -1107px;
	 left: 0px;
	 height: 1920px;
	 width: 1920px;
 }
 
 /* MOBILE POWER FM PLAYER */
 
 /* Changing height from 35px to 429px Monday 2/5/24 at 5am cause PowerFM changed their player */
@media screen and (max-width: 890px) {
  .PowerFMHeadCont{
	 position: relative;
	 margin: 0 auto;
	 margin-left: -12px;
	 height: 475px;
	 width: 350px;
	 overflow: hidden;
 }
 
 .PowerFMHeadiFrame {
	 position: absolute;
	 top: -1325px;
	 left: 2px;
	 right: 2px;
	 height: 1920px;
	 width: 1920px;
 }
 }
 
 /* The code block below makes the Header Icon Responsive to the Light Dark Toggle, I thought I would have to do ::after also but I don't for some reason */
 /* Use this for your podcast icon also once you post an episode */
 #PowerFMHeadIcon.et-light-mode-capable.et-light-mode > h5:nth-child(1)::before{
	 color: #000 !important;
 }
 
 #PowerFMHeadIcon.et-light-mode-capable > h5:nth-child(1)::before{
	 color: #fff !important;
 }
 
 /* This makes the reCaptcha on the Registration page responsive and centered, my first use/understanding of nth child Added Friday 3/10/23 at 11:30pm */
 #fluentform-recaptcha-38 > div:nth-child(1){
	 margin: 0 auto;
 }
 
 #fluentform_38 .ff-btn {
	 border-radius: 45px;
 }
 
 /* Adding below block Monday May 13, 2024 at 2:22pm to increase size of Ads Skip button */
 .flowplayer.is-cva .fv-cva-time {
	 font-size: 21px !important;
 }
 
 /* Code block below centers buy/rent popup buttons in player adding Wed 5/15/24 at 2am */
 
 .fv-player-ppv-wrap .edd_download_purchase_form {
	 margin-right: 12% !important;
 }
 
 /* Code block below increases player playbar font size adding Wed 5/15/24 at 2am */
 
 .fp-controls {
	 font-size: 21px;
 }
 
 /* Code block below increases player ;laylist popup selection font size adding Wed 5/15/24 at 2am */
 
 .flowplayer .fp-menu.fp-active {
	 font-size: 21px;
 }
 
 /* Adding block below Thursday 5/16/24 at 2am to make video reach top of TV screen, fill screen without 
 showing any of the playlist lines/boxes/squares below, I found setting this to the # below works well. */
 /* Default/original fp-ratio is padding-top: 56.25%, but by raising it a little bit, videos can reach the top of the TV screen */
 .fp-ratio {
	 padding-top: 60% !important;
 }
 
 /* Adding block below Tue 5/21/24 at 10:56am to raise player logo above the playbar so they don't overlap
 after I increased the font size of the play bar. */
 .flowplayer .fp-logo img {
	 margin-bottom: 25px;
 }
 
 /* Adding block below Wed 5/22/24 at 3pm to have the ability to have a different button background on hover
 for the Additional Info button I manually added to the Streaming page */
 
 #AddInfoButton:hover {
	 background-color: #bf0b30 !important;
 }
 
 #AddInfoButton .et-light-mode-capable {
	 color: #fff !important;
 }
 
 #AddInfoButton .et-light-mode-capable.et-light-mode {
	 color: #000 !important;
 }
 
 /* Removing Title from Movie posts and making full-width using 2 blocks below added Sat 5/25/24 at 7pm */
 
 /* Read paragraph below for reminder how to cpt display: none hide Custom Post Type Titles CPT */
 
 /* Didn't need the block below anymore, leaving it here for reference, moved it to Divi->ThemeOptions->css.
 FYI - Note to self - If you do h1.entry-title or .entry-title alone on it's own, it will apply it to your
 entire site setting itself inline causing every single Title on all your posts to be set to display: none
 and you won't be able to figure out why or where it's coming from cause it will appear inline. So, that 
 means you won't be able to see any of the Titles on your blog posts/articles.
 Another good FYI/tip is... article.type-(put your custom post type here) allows you to hide the post title
 for specific custom post types, which is great to know since you'll usually want them set to display none
 for movies and shows and that's the only or best way to get rid of them from what I can see. */
/*  article.type-movies h1.entry-title {
	 display: none;
 } */
 
body.movies-template-default div.container {
	width: 100%;
	max-width: 1920px;
}

/* Test Everything, all 3 blocks, below combines to style/format the Custom Blog Module*/
/* It relies on targeting an ID, which I will either have to choose to get rid of or what's
more likely is that I will match the ID name with the genre I'm using it on, so on the
Suspense page, ID would be Suspense to make it easier to remember and work with. 
It will just go in place of the #PickMe ID in the template below. */

#Genres div.et_pb_module_inner div.et_pb_custblog_0 > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 60px;
}

#Genres > div > article > div > div > p > a > button {
  border-width: 1px !important;
  letter-spacing: 2px;
  font-size: 11px !important;
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  background-color: rgba(0,0,0,0);
}

/* The block below adds a play button on hover, which looks cool, but on mobile it looks bad, and since 
I couldn't figure out how to media query hover to make the play icon only appear on Desktop but not mobile or 
tablet, then I commented this out for now and I'm using the block below it without the icon which looks good/
fine for now Saturday 7/6/24 at 12:15pm */

/* Added below to remove default arrow pointing right on buttons specifically to fix Streaming area buttons 
on post pages Saturday 7/6/24 at 2:40pm cause I wanted to remove Play button on Gaming since looks bad on mobile,
which required me to remove these too cause when I removed it from Gaming then Streaming had a right arrow
by default that wouldn't go away without this code block*/

.et_pb_button::after {
	content: '' !important;
}

/* #Genres > div > article > div > div > p > a > button:hover {
  border-width: 1px !important;
  letter-spacing: 2px;
  font-size: 11px !important;
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  background-color: #bf0b30 !important;
  padding-right: 35px !important;
  content: "\49" !important;
} */

#Genres > div > article > div > div > p > a > button:hover {
  border-width: 1px !important;
  letter-spacing: 2px;
  font-size: 11px !important;
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  background-color: #bf0b30 !important;
  padding-right: 18px;
}

/* Content in block below is what adds arrow icon to right of word on hover. I'm removing it, but the
original value looked like this... content: "\35"; */

/* #Genres > div > article > div > div > p > a > button::after {
  line-height: 0.75em !important;
  font-size: 23px !important;
  padding-left: 5px !important;
  content: "\49" !important;
  display: contents !important;
} */

/* MOBILE */

@media screen and (max-width: 890px) {
  #Genres div.et_pb_module_inner div.et_pb_custblog_0 > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 60px;
  text-align: center;
}

  .et_pb_post a img {
	 max-width: 75%;
  }
}

/* Makes Gaming Dates Light-Dark Toggle Responsive */

p.GamingDates.et-light-mode-capable {
	font-size: 16px !important; 
	font-family: Open Sans !important; 
	font-weight: 500 !important; 
	line-height: 1.7em !important;
	color: #fff !important;
}

p.GamingDates.et-light-mode-capable.et-light-mode {
	font-size: 16px !important; 
	font-family: Open Sans !important; 
	font-weight: 500 !important; 
	line-height: 1.7em !important;
	color: #000 !important;
}

/* Making Dynamic Genre fonts responsive to Light-Dark Toggle Thu May 30, 2024 at 11:56am */

#Genres.et-light-mode-capable > div > article > h2 {
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}

#Genres.et-light-mode-capable.et-light-mode > div > article > h2 {
	color: #000;
	margin-top: 15px;
}

#Genres.et-light-mode-capable > div > article > div > div > p {
	color: #fff;
}

#Genres.et-light-mode-capable.et-light-mode > div > article > div > div > p {
	color: #000;
}

/* Gets All Shows page to display in grids */

#A > div > div > div > div > div > div.et_pb_ajax_pagination_container,#B > div > div > div > div > div > div.et_pb_ajax_pagination_container,#C > div > div > div > div > div > div.et_pb_ajax_pagination_container,#D > div > div > div > div > div > div.et_pb_ajax_pagination_container,#E > div > div > div > div > div > div.et_pb_ajax_pagination_container,#F > div > div > div > div > div > div.et_pb_ajax_pagination_container,#G > div > div > div > div > div > div.et_pb_ajax_pagination_container,#H > div > div > div > div > div > div.et_pb_ajax_pagination_container,#I > div > div > div > div > div > div.et_pb_ajax_pagination_container,#J > div > div > div > div > div > div.et_pb_ajax_pagination_container,#K > div > div > div > div > div > div.et_pb_ajax_pagination_container,#L > div > div > div > div > div > div.et_pb_ajax_pagination_container,#M > div > div > div > div > div > div.et_pb_ajax_pagination_container,#N > div > div > div > div > div > div.et_pb_ajax_pagination_container,#O > div > div > div > div > div > div.et_pb_ajax_pagination_container,#P > div > div > div > div > div > div.et_pb_ajax_pagination_container,#Q > div > div > div > div > div > div.et_pb_ajax_pagination_container,#R > div > div > div > div > div > div.et_pb_ajax_pagination_container,#S > div > div > div > div > div > div.et_pb_ajax_pagination_container,#T > div > div > div > div > div > div.et_pb_ajax_pagination_container,#U > div > div > div > div > div > div.et_pb_ajax_pagination_container,#V > div > div > div > div > div > div.et_pb_ajax_pagination_container,#W > div > div > div > div > div > div.et_pb_ajax_pagination_container,#X > div > div > div > div > div > div.et_pb_ajax_pagination_container,#Y > div > div > div > div > div > div.et_pb_ajax_pagination_container,#Z > div > div > div > div > div > div.et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 60px;
}

/* Adding 2 lines below to add color to No Results Found Message site wide Mon 6/3/24 at 5:42pm */

h2.not-found-title {
	color: #fff;
}

h2.not-found-title ~ p {
	color: #fff;
}

div.et-light-mode-capable.et-light-mode h2.not-found-title ~ p {
	color: #000;
}

/* Adding 2 blocks below to format Titles on Affiliate Terms-of-Service Page */

#AffiliateTOS.et-light-mode-capable h1, #AffiliateTOS.et-light-mode-capable h2 {
  color: #fff !important;
}

#AffiliateTOS.et-light-mode-capable.et-light-mode h1, #AffiliateTOS.et-light-mode-capable.et-light-mode h2 {
  color: #000 !important;
}

/* Adding 2 blocks below Thu 7/4/24 at 11:34pm to fix and make the dropdown menus on the All Shows/Games pages 
for Streaming and Gaming light-dark toggle responsive */

/* STREAMING */

div#JumpTo.et-light-mode-capable > div > div > div > nav > #menu-alphabetical_lone-star-streaming > li:nth-child(1) > a:nth-child(1) {
	color: #fff !important;
}

div#JumpTo.et-light-mode-capable.et-light-mode > div > div > div > nav > #menu-alphabetical_lone-star-streaming > li:nth-child(1) > a:nth-child(1) {
	color: #000 !important;
}

/* GAMING */

div#JumpTo.et-light-mode-capable > div > div > div > nav > #menu-alphabetical_lone-star-gaming > li:nth-child(1) > a:nth-child(1) {
	color: #fff !important;
}

div#JumpTo.et-light-mode-capable.et-light-mode > div > div > div > nav > #menu-alphabetical_lone-star-gaming > li:nth-child(1) > a:nth-child(1) {
	color: #000 !important;
}

/* ******* CUSTOM POST TYPE CSS FIXES TO WORK WITH LIGHT-DARK TOGGLE ******* */

/* After adding custom post types, for some reason my css changes stopped working on those specific custom post 
type pages causing the light-dark toggle to appear to be broken, but it's not, it still works fine. What stopped 
working correctly were the css edits/changes. There were two things I had to do to fix it.
1. Go into Divi Builder Edit mode on the post and delete the black background that was given to many of the Sections
that was added for some reason when I duplicated the page into the post
2. Give each Section that's broken an ID to make it easy to select, then put CSS changes below to make it 
work with the Light-Dark Toggle by telling it what background and text color you want when it's toggled
Light and what you want when it's dark, then it will work again! You're done, that's all you have to do to fix 
the Light-Dark Toggle on your custom post type pages, thankfully! I'm going to put all of those css blocks below: */

/* GLOBAL HEADER */
/* Okay, this is weird, but I just realized that part of the default Header and maybe Footer also were still in 
the Divi Builder, not by CSS like I've been doing for most things, now that I have to set it for Custom Post Types 
I'm having to "fix" this, specifically set CSS defaults here instead of in the builder so it works with the 
Light-Dark toggle on normal pages and the custom post types also, we'll see how this goes, all my Header 
CSS might likely end up getting put here/below. */

/* TOP-RIGHT QUICK LINKS MENU */
/* Add Borders to Top Right Links Menu */

/* DESKTOP */

#Top-Right-Quick-Links-Menu.et-light-mode-capable.et_pb_menu nav > ul > li:not(:last-child) {
  border-right: 1px solid #fff !important;
}

/* Adjust spacing around Top Right Links Menu Items */

#Top-Right-Quick-Links-Menu.et-light-mode-capable.et_pb_menu li a {
  margin-top: -1px;
  margin-right: -3px;
  margin-left: -3px;
  padding-top: .5px;
  padding-right: .5px;
  padding-left: .5px;
  padding-bottom: 2px;
  color: #fff !important;
}

#Top-Right-Quick-Links-Menu.et-light-mode-capable.et-light-mode.et_pb_menu nav > ul > li:not(:last-child) {
  border-right: 1px solid #000 !important;
}

/* Adjust spacing around Top Right Links Menu Items */

#Top-Right-Quick-Links-Menu.et-light-mode-capable.et-light-mode.et_pb_menu li a {
  margin-top: -1px;
  margin-right: -3px;
  margin-left: -3px;
  padding-top: .5px;
  padding-right: .5px;
  padding-left: .5px;
  padding-bottom: 2px;
  color: #000 !important;
}

/* MOBILE */

@media (max-width: 980px) {
	#Top-Right-Quick-Links-Menu.et-light-mode-capable.et_pb_menu li a {
	  margin-top: -1px;
	  margin-right: -3px;
	  margin-left: -3px;
	  padding-top: .5px;
	  padding-right: .5px;
	  padding-left: .5px;
	  padding-bottom: 2px;
	  font-size: 11px !important;
	  color: #fff !important;
}
	#Top-Right-Quick-Links-Menu.et-light-mode-capable.et-light-mode.et_pb_menu li a {
	  margin-top: -1px;
	  margin-right: -3px;
	  margin-left: -3px;
	  padding-top: .5px;
	  padding-right: .5px;
	  padding-left: .5px;
	  padding-bottom: 2px;
	  font-size: 11px !important;
	  color: #000 !important;
}
}

/* Show TOP-RIGHT QUICK LINKS Desktop Menu on Phone */

@media (max-width: 980px) {
	.lss-open-mobile-menu .et_pb_menu__menu {
		display: flex;
	}
	.lss-open-mobile-menu .et_mobile_nav_menu {
		display: none;
	}
}

/* Show TOP-RIGHT QUICK LINKS Desktop Menu on Phone for Custom Post Type Pages */

@media (max-width: 980px) {
	#Top-Right-Quick-Links-Menu.lss-open-mobile-menu > div > div > div.et_pb_menu__menu {
		display: flex !important;
	}
	#Top-Right-Quick-Links-Menu.lss-open-mobile-menu > div > div > div.et_mobile_nav_menu {
		display: none !important;
	}
}

/* ******* TEMPORARY FIX, DELETE BELOW IF WORDPRESS PROVIDES PERMANENT FIX IN FUTURE UPDATE ******* */
/* Added code block below Wed 7/17/24 at 12:32pm to remove underlines that appeared on all my Links and Buttons
out of nowhere at random for no apparent reason and I didn't know why, it was nothing I had done to my knowledge.
After searching online I saw there was a GitHub opened for it and thankfully yoche2001 posted the solution
below that worked for me just 3 short hours ago, talk about God's perfect timing! I put the code below and
it fixed it right away thankfully! If Wordpress ever fixes it for real in an update, then I may want to 
delete the block below, but until then I will leave it here cause it works. I'll have to keep an eye on the 
GitHub page to know if/when they fix it though. Here's the link to the solution I found:
https://github.com/WordPress/gutenberg/issues/44166 */

:root :where(a:where(:not(.wp-element-button))) {
  text-decoration: inherit;
}

/* ^^^^^^^ TEMPORARY FIX, DELETE ABOVE IF WORDPRESS PROVIDES PERMANENT FIX IN FUTURE UPDATE ^^^^^^^ */

/* Makes Global Footer Light-Dark Toggle Responsive */

#LSSFooter.et-light-mode-capable {
	background-color: #000 !important;
}

#LSSFooter.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* Makes Footer Toggle Dot and Border Light-Dark Toggle Responsive, adding Fri 8/2/24 at 12:14am */

#LSSFooter.et-light-mode-capable + div span > span {
	color: #fff !important;
}

#LSSFooter.et-light-mode-capable.et-light-mode + div span > span {
	color: #000 !important;
}

/* Border */

#page-container #LSSFooter.et-light-mode-capable + div > div > div > div {
	border-image-width: 1;
	border-top-style: solid;
	border-top-color: #fff;
	border-right-style: solid;
	border-right-color: #fff;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-left-style: solid;
	border-left-color: #fff;
}

#page-container #LSSFooter.et-light-mode-capable.et-light-mode + div > div > div > div {
	border-image-width: 1;
	border-top-style: solid;
	border-top-color: #000;
	border-right-style: solid;
	border-right-color: #000;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-left-style: solid;
	border-left-color: #000;
}

/* Custom Post Type Footers Require this extra code block, adding Fri 8/2/24 at 12am */

#page-container #LSSFooter.et-light-mode-capable + div {
	background-color: #000 !important;
}

#page-container #LSSFooter.et-light-mode-capable.et-light-mode + div {
	background-color: #f8f8ff !important;
}

/* Two blocks below make Footer Links Light-Dark Toggle Responsive */

.et-db #et-boc div#FooterLinks.et-light-mode-capable > div > div > div > p > a{
	color: #fff !important;
}

.et-db #et-boc div#FooterLinks.et-light-mode-capable.et-light-mode > div > div > div > p > a{
	color: #000 !important;
}

/* Added block below Wed 7/17/24 at 1:53pm to get Footer Day-Light Toggle text to change and work correctly
the way it's supposed to, because it wasn't changing the words and it was overlapping the button, it kept 
saying DARK/NIGHT when you would click the button */

footer > div > div:nth-child(2).et-light-mode-capable.et-light-mode > div > div > div.et_pb_blurb_0_tb_footer.et_pb_blurb::after {
	content: "DAY/LIGHT" !important;
	left: -121px !important;
	top: -2px !important;
}

/* Makes post-content-inner for Custom Post Type Pages responsive to Light-Dark Toggle */

#Genres.et-light-mode-capable div.post-content-inner p {
	color: #fff !important;
}

#Genres.et-light-mode-capable.et-light-mode div.post-content-inner p {
	color: #000 !important;
}

/* MAIN MENU CENTER SUB-MENUS FOR CUSTOM POST TYPES LIKE GAMING */

#menu-main-menu-scale-back li ul {
	text-align: center !important;
}

/* Makes "Logged in as User" text Light-Dark Toggle Responsive */

#LSSLoginForm.et-light-mode-capable > div > div {
	color: #fff !important;
}

#LSSLoginForm.et-light-mode-capable.et-light-mode > div > div {
	color: #000 !important;
}

/* Login Form in Header of Mobile needed moving down a little */

@media (max-width: 980px) {
	#LSSLoginForm > div > div {
		margin-top: 14px;
	}
}

/* Header Sections */

#CPT-Header-1.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Header-1.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#CPT-Header-2.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Header-2.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#CPT-Header-3.et-light-mode-capable {
	background-color: #000 !important;
	color: #fff !important;
}

#CPT-Header-3.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
	color: #000 !important;
}

#CPT-Header-3.et-light-mode-capable > div > div > div > div > div > span > span {
	color: #fff !important;
}

#CPT-Header-3.et-light-mode-capable.et-light-mode > div > div > div > div > div > span > span {
	color: #000 !important;
}

#CPT-Header-3.et-light-mode-capable > div > div > div > div > div > span::after {
	content: "DARK/NIGHT" !important;
	position: absolute !important;
	left: -135px !important;
	top: 10px !important;
}

#CPT-Header-3.et-light-mode-capable.et-light-mode > div > div > div > div > div > span::after {
	content: "DAY/LIGHT" !important;
	position: absolute !important;
	left: -154px !important;
	top: 10px !important;
}

#CPT-Header-3.et-light-mode-capable > div > div > div {
	border-color: #fff !important;
}

#CPT-Header-3.et-light-mode-capable.et-light-mode > div > div > div {
	border-color: #000 !important;
}

#CPT-Header-4.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Header-4.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#LSSHeaderButton.et-light-mode-capable {
	color: #fff !important;
}

#LSSHeaderButton.et-light-mode-capable.et-light-mode {
	color: #000 !important;
}

/* Header Menu Dropdown Background Formatting 
******* NOTICE *******
If the Header and CPT blocks below create problems then delete or comment them out, you don't need them,
especially the Header codes, cause you already have the Header looking how you want it to.
A way to do it all at once it just type "It's a me!" or whatever you want to under border-color in the block
below.*/

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul,
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu .nav li ul {
  background-color:#000!important;
  border-color:#bf0b30
}

#LSSHeaderCart0.et-light-mode-capable > div > div > div > nav > ul#menu-main-menu-scale-back-1 ~ li ~ ul.sub-menu {
	background-color: #000 !important;
}

#LSSHeaderCart0.et-light-mode-capable.et-light-mode > div > div > div > nav > ul#menu-main-menu-scale-back-1 ~ li ~ ul.sub-menu {
	background-color: #f8f8ff !important;
}

#LSSHeaderCart1.et-light-mode-capable > div > div > div > nav > ul#menu-main-menu-scale-back-1 ~ li ~ ul.sub-menu {
	background-color: #000 !important;
}

#LSSHeaderCart1.et-light-mode-capable.et-light-mode > div > div > div > nav > ul#menu-main-menu-scale-back-1 ~ li ~ ul.sub-menu {
	background-color: #f8f8ff !important;
}

/* GAMING CUSTOM POST TYPE LIGHT-DARK TOGGLE CSS */

/* 1 */

#CPT-Gaming-1.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Gaming-1.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* 2 */

#CPT-Gaming-2.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Gaming-2.et-light-mode-capable > section > div > div > div > div > p {
	color: #fff !important;
}

#CPT-Gaming-2.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#CPT-Gaming-2.et-light-mode-capable.et-light-mode > section > div > div > div > div > p {
	color: #000 !important;
}

/* 3 */

#CPT-Gaming-3.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Gaming-3.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* 4 */

#CPT-Gaming-4.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Gaming-4.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* 5 */

#CPT-Gaming-5.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Gaming-5.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* 6 */

#CPT-Gaming-6.et-light-mode-capable {
	background-color: #000 !important;
}

#CPT-Gaming-6.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* Dream Bigger Section on MS-DOS page making Text Light-Dark Toggle Responsive */

#CPT-Gaming-6 > div > div > div > div > h2.et-light-mode-capable {
	color: #fff !important;
}

#CPT-Gaming-6 > div > div > div > div > h2.et-light-mode-capable.et-light-mode {
	color: #000 !important;
}

.et-db #et-boc #CPT-Gaming-6 > div div > div > div > h4.et-light-mode-capable {
	color: #fff !important;
}

.et-db #et-boc #CPT-Gaming-6 > div div > div > div > h4.et-light-mode-capable.et-light-mode {
	color: #000 !important;
}

/* Makes Streaming Pages Light-Dark Toggle Responsive Adding Thu Aug 1, 2024 11:29am */

#page-container article#post-70027 > div:nth-child(2) > div > div > div.et-light-mode-capable {
	background-color: #000 !important;
}

#page-container article#post-70027 > div:nth-child(2) > div > div > div.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* STREAMING ALL-SHOWS and Category Pages Remove Excerpt Descriptions from Show Posts but not Search Bar */
/* All of the text-align blocks below center the Text and Buttons under the Featured Image on all of the 
Streaming Category specific pages, because it looks better to me than the default Left aligned. */

/* ALL SHOWS */
article#post-68990 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-68990 article {
	text-align: center;
}

/* COMEDY */
article#post-53611 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53611 article {
	text-align: center;
}

/* LIVE TV */
article#post-62004 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-62004 article {
	text-align: center;
}

/* LIVE CAMS */
article#post-70552 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-70552 article {
	text-align: center;
}

/* SPORTS */
article#post-69059 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-69059 article {
	text-align: center;
}

/* NEWS */
article#post-69066 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-69066 article {
	text-align: center;
}

/* MUSIC */
article#post-69072 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-69072 article {
	text-align: center;
}

/* ROMANCE */
article#post-53621 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53621 article {
	text-align: center;
}

/* SUPERHERO */
article#post-53628 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53628 article {
	text-align: center;
}

/* SUSPENSE */
article#post-53636 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53636 article {
	text-align: center;
}

/* ANIMATION */
article#post-53645 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53645 article {
	text-align: center;
}

/* SCI-FI */
article#post-53655 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53655 article {
	text-align: center;
}

/* ACTION */
article#post-53664 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53664 article {
	text-align: center;
}

/* WESTERN */
article#post-69081 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-69081 article {
	text-align: center;
}

/* FANTASY */
article#post-53674 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53674 article {
	text-align: center;
}

/* ROM-COM */
article#post-53684 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-53684 article {
	text-align: center;
}

/* DRAMA */
article#post-70531 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-70531 article {
	text-align: center;
}

/* DOCUMENTARY */
article#post-60412 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-60412 article {
	text-align: center;
}

/* SPIRITUAL */
article#post-69086 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-69086 article {
	text-align: center;
}

/* FILM NOIR */
article#post-61994 article > div.post-content > div.post-content-inner > p:nth-child(3) {
	display: none !important;
}

article#post-61994 article {
	text-align: center;
}

/* STREAMING CUSTOM POST TYPE LIGHT-DARK TOGGLE CSS */

/* ARTICLES CUSTOM POST TYPE LIGHT-DARK TOGGLE CSS */

/* Article Post Meta spacing adjustment on Desktop */

p.post-meta {
	margin-top: 5px;
	margin-bottom: 15px !important;
}

/* Article Post Meta spacing adjustment on Mobile */

@media (max-width: 980px) {
	p.post-meta {
		margin-top: 25px;
		margin-bottom: 25px !important;
	}
}

/* Main Article/Blog Page Light-Dark Toggle */

#ArticleSlider.et-light-mode-capable {
	background: #000 !important;
}

#ArticleSlider.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#New-Arrivals.et-light-mode-capable {
	background: #000 !important;
}

#New-Arrivals.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#ArticleStudioNews.et-light-mode-capable {
	background: #000 !important;
}

#ArticleStudioNews.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#page-container #ArticleStudioNews.et-light-mode-capable > div > div > div > div > div > div > div > div > h2{
	color: #fff !important;
}

#page-container #ArticleStudioNews.et-light-mode-capable.et-light-mode > div > div > div > div > div > div > div > div > h2{
	color: #000 !important;
}

#Sports.et-light-mode-capable {
	background: #000 !important;
}

#Sports.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#ArticleSports.et-light-mode-capable {
	background: #000 !important;
}

#ArticleSports.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#page-container #ArticleSports.et-light-mode-capable > div > div > div > div > div > div > div > div > h2{
	color: #fff !important;
}

#page-container #ArticleSports.et-light-mode-capable.et-light-mode > div > div > div > div > div > div > div > div > h2{
	color: #000 !important;
}

#Entertainment.et-light-mode-capable {
	background: #000 !important;
}

#Entertainment.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#ArticleEntertainment.et-light-mode-capable {
	background: #000 !important;
}

#ArticleEntertainment.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#page-container #ArticleEntertainment.et-light-mode-capable > div > div > div > div > div > div > div > div > h2{
	color: #fff !important;
}

#page-container #ArticleEntertainment.et-light-mode-capable.et-light-mode > div > div > div > div > div > div > div > div > h2{
	color: #000 !important;
}

#Spiritual.et-light-mode-capable {
	background: #000 !important;
}

#Spiritual.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#ArticleSpiritual.et-light-mode-capable {
	background: #000 !important;
}

#ArticleSpiritual.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#page-container #ArticleSpiritual.et-light-mode-capable > div > div > div > div > div > div > div > div > h2{
	color: #fff !important;
}

#page-container #ArticleSpiritual.et-light-mode-capable.et-light-mode > div > div > div > div > div > div > div > div > h2{
	color: #000 !important;
}

#Archive.et-light-mode-capable {
	background: #000 !important;
}

#Archive.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#ArticleArchive.et-light-mode-capable {
	background: #000 !important;
}

#ArticleArchive.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

#ArticleArchiveWithoutEx.et-light-mode-capable {
	background: #000 !important;
}

#ArticleArchiveWithoutEx.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

/* Individual Article CSS Template Formatting Adding Tue 7/23/24 at 3:50pm*/

#ArticleBackground.et-light-mode-capable {
	background-color: #000 !important;
}

#ArticleBackground.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#AfterArticlePosts.et-light-mode-capable {
	background-color: #000 !important;
}

#AfterArticlePosts.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

#ReadMore.et-light-mode-capable > div > h2{
	color: #fff !important;
	margin-top: -84px !important;
	padding-bottom: 84px !important;
}

#ReadMore.et-light-mode-capable.et-light-mode > div > h2 {
	color: #000 !important;
	margin-top: 0px !important;
	padding-bottom: 10px !important;
}

/* Articles Archive Page adding CSS to make Light-Dark responsive Wed 7/24/24 at 12:37am */

#ArchiveTitle.et-light-mode-capable {
	background-color: #000 !important;
	color: #fff !important;
}

#ArchiveTitle.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
	color: #000 !important;
}

/* For the <h1> Archive page Text to be Light-Dark Responsive */

#ArchiveTitle.et-light-mode-capable > div > div > div > div > h1{
	color: #fff !important;
}

#ArchiveTitle.et-light-mode-capable.et-light-mode > div > div > div > div > h1{
	color: #000 !important;
}

#ArchiveBlogPosts.et-light-mode-capable {
	background-color: #000 !important;
}

#ArchiveBlogPosts.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* h2 css Light-Dark Toggle for Archive Page No Results Found */

#page-container #ArchiveBlogPosts.et-light-mode-capable > div > div > div > div > div > div > h2{
	color: #fff !important;
}

#page-container #ArchiveBlogPosts.et-light-mode-capable.et-light-mode > div > div > div > div > div > div > h2{
	color: #000 !important;
}

/* I could not get article backgrounds to be Light-Dark toggle responsive, they just stayed black no matter
what I did. Apparently Divi's custom post type css that uses !important on everything and takes precedence
over everything is to blame. Nothing I tried would overwrite the inline css. Adding the id #page-container 
was the simplest, easiest solution I found and it just worked, so now my custom post type Article backgrounds 
are Light-Dark toggle responsive. I'm more comfortable with this solution than other ones I saw like 
adding functions to the theme or whatever. Added Tue 7/23/24 at 4:55pm 
Found solution at this website:
https://stackoverflow.com/questions/53474232/wordpress-how-to-override-divis-custom-post-type-stylesheet */

#page-container #ArticleContent.et-light-mode-capable > div > div > div {
	background-color: #000 !important;
}

#page-container #ArticleContent.et-light-mode-capable.et-light-mode > div > div > div {
	background-color: #f8f8ff !important;
}

#page-container #ArticleBackground.et-light-mode-capable.et-light-mode > div > div:nth-child(2) {
	background-color: #f8f8ff !important;
	border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.32);
}

/* ******* CUSTOM POST TYPE CSS FIXES FAST ******* */
/* ******* ANYTIME YOU ADD A CUSTOM POST TYPE, PICK AND CHOOSE FROM THE CODE BLOCKS BELOW BASED ON 
THE DESCRIPTION OF WHAT IT DOES, ALL YOU'LL HAVE TO DO IS COPY/PASTE WHAT YOU WANT/NEED TO FIX ON YOUR 
PAGE AND SIMPLY REPLACE THE FIRST ID WITH WHATEVER ID YOU PUT ON THE THEME BUILDER SECTION.
DOING THIS IN COMBINATION WITH DELETING THE BLACK BACKGROUNDS THAT GET ADDED FOR SOME REASON BY DEFAULT
WHEN TURNING PAGES INTO POSTS IS USUALLY ALL IT TAKES TO FIX THE STYLE ON ALL SHOWS/GAMES/CPT PAGES QUICKLY.
******* */

/* You're going to have to/get to do this when you add a Courses Custom Post Type and start working on
that side of the site, along with any other CPTs you add in the future. */

/* Removes Excerpts/Descriptions from Streaming All Shows page, added Fri 8/2/24 at 3:24am */
#StreamingAllShows #Genres div.post-content-inner p:nth-child(3) {
	display: none !important;
}

/* MOBILE - Jump To Drop Down Menu, this centers it for all Custom Post Types/site-wide */
#page-container #mobile_menu4 {
	text-align: center;
}

#page-container #mobile_menu4 ul.sub-menu {
	text-align: center;
}

/* Streaming Background */
#StreamingAllShows.et-light-mode-capable {
	background-color: #000 !important;
}

#StreamingAllShows.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* Streaming All Shows Sections */
#StreamingAllShows.et-light-mode-capable .et_pb_section{
	background-color: #000 !important;
}

#StreamingAllShows.et-light-mode-capable.et-light-mode .et_pb_section{
	background-color: #f8f8ff !important;
}

/* Streaming All Shows Jump To Drop Down Menu, this centers it */
#page-container #menu-alphabetical_lone-star-streaming ul.sub-menu {
	text-align: center;
}

/* Gaming Background */
#GamingAllGames.et-light-mode-capable {
	background-color: #000 !important;
}

#GamingAllGames.et-light-mode-capable.et-light-mode {
	background-color: #f8f8ff !important;
}

/* Gaming All Games Sections */
#GamingAllGames.et-light-mode-capable .et_pb_section{
	background-color: #000 !important;
}

#GamingAllGames.et-light-mode-capable.et-light-mode .et_pb_section{
	background-color: #f8f8ff !important;
}

/* Gaming All Games Jump To Drop Down Menu, this centers it */
#page-container #menu-alphabetical_lone-star-gaming ul.sub-menu {
	text-align: center;
}

/* Fixing Streaming Lone Star Streaming for VR screens */

#StreamStreamingPost {
	background-color: black !important;
}

#StreamStreamingPost > div {
	margin-top: -35px !important;
}

#StreamStreamingPost #ViewAllLink {
	color: white !important;
}

#StreamStreamingPost #AddInfoButton:before {
	color: white;
}

#StreamStreamingPost #AddInfoButton {
	color: white;
}

#StreamStreamingPost #Additional_Info p {
	color: white;
}

#StreamStreamingPost .et_pb_button_module_wrapper {
	display: none;
}

/* Adding css to make Library book sections light-dark responsive Thu 9/19/24 at 2:50pm */

span.df-book-title {
	color: #fff !important;
	font-size: 18px !important;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	background-color: #bf0b30 !important;
}

article.type-library > div:nth-child(2) > div > div > div.et-light-mode-capable {
	background: #000 !important;
}

article.type-library > div:nth-child(2) > div > div > div.et-light-mode-capable.et-light-mode {
	background: #f8f8ff !important;
}

/* Adding css to make books on shelf the size I like and want them to be Thu 9/19/24 at 3:07pm */

.df-book-cover {
	/* width: 300px; Original size of book covers, making slightly larger to fix Dennis covers Mon 6/2/25 at 3:58pm*/
	width: 333px;
}

/* Adding more css to fix spacing between Dennis the Menace books Mon 6/2/25 at 3:58pm */

.df-posts {
	max-width: 96%;
}

.df-popup-thumb {
	margin-right: 4% !important;
}

/* Adding css to make Instructions on VR Feedback page light-dark responsive Sat 9/21/24 at 5:35pm */

#VR_Feedback_Instructions.et-light-mode-capable > div > h2 {
	color: #fff;
}

#VR_Feedback_Instructions.et-light-mode-capable.et-light-mode > div > h2 {
	color: #000;
}

/* Added 2 blocks below to Center and Fix PayPal Buttons on Checkout page for Buy-Rent Digital Checkout and EDD Thu 9/26/24 at 12pm */

iframe.component-frame {
	padding-left: 15%;
	margin-top: 45px;
}

@media (max-width: 980px) {
	iframe.component-frame {
		padding-left: 0px;
		margin-top: 45px;
	}
}

/* 1/15/25 Wed at 6:05pm Remove Book Loading Info */

.df-loading-info {
	display: none !important;
}

/* CSS styles to fix/improve the new Library purchase page 4 blocks added Tue 10/22/24 at 5:34pm */

#left-area ul.products {
margin-left: 45%;
}

.woocommerce span.onsale {
background: #bf0b30 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
text-align: center;
font-family: Poppins;
font-weight: bold;
font-size: 21px;
}

.woocommerce ul.products li.product .price {
font-size: 18px;
text-align: center;
color: #000 !important;
}

/*Two code blocks below added Fri 1/27/23 at 3:30am to Fix Little Message on side of Blog posts that Builder doesn't give the option to edit/change, it's the paragraph that says it
cannot find the other news/blog articles if/when there aren't any. Not-found-title is redundant, because I was able to set H2 with the Builder, but I'm leaving it as a backup
just in case even though it's not needed and the heading of that paragraph would still be white without it since I set it in the Builder(inline).*/
/* div .entry h2 .not-found-title {
	color: white;
}

div .entry p {
	color: white;
} */

/* This is what I had to enter to make the background of my specific blog post black without affecting/impacting other parts of the website. I attempted to do this by setting it
in the Builder but it doesn't give the option regardless of whether I try to edit the blog post directly or the Theme Builder template for blog posts, neither would allow me
to access/edit/change the background to black, it just stayed white always. This is what thankfully finally worked. I don't know if I'll have to repeat this for every single
blog post I ever make for the rest of time or if this one entry will take care of all of them, but we'll see, I hope this single line takes care of all of them, otherwise
I'll have to keep adding code below this for every blog post I ever make, which is doable but not ideal.

Update 2/7/23: This made a section of all product pages black, so I can't use it or need to create and use ID's or something more specific so it doesn't apply to another
random page like that. */
/*div .et_pb_column.et_pb_column_3_5.et_pb_column_1_tb_body.et_pb_css_mix_blend_mode_passthrough {
	background-color: black;
}*/

/* Sun 1/29/23 6:30am (Stayed up all night) Added from here down to Streaming Search 2, because they're all necessary to get my Light and Dark Theme Toggle to work correctly. */
/* .et_pb_menu_3_tb_header.et_pb_menu ul li a, .et_pb_menu_1_tb_header.et_pb_menu ul li a, .et_pb_menu_4_tb_header.et_pb_menu ul li a, .et_pb_menu_5_tb_header.et_pb_menu ul li a, .et_pb_menu_2_tb_header.et_pb_menu ul li a, .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	color: white;
} */

/* body #page-container .et_pb_section .et_pb_button_2_tb_header {
	display: none;
} */


/* #HeaderLinksBlack {
	display: none;
}

#FooterLinks2 {
	display: none;
}

#FooterButton1, #FooterButton3 {
	display: none;
}

#StreamingSearch2 {
	display: none;
}

This prevents there from being 2 Header Rows displayed since I had to use multiple versions to make a black one for Light Dark Toggle, added Monday 1/30/23 1:50am
#HeaderMenuRow2 {
	display: none;
}

Prevents duplicate Titles on the Fun Surveys page for the Light Dark Toggle, added Monday 1/30/23 2:28am
#DonateFunPgTitle2, #DonateFunPgTitle4, #DonateFunPgTitle6 {
	display: none;
}

Prevent duplicate Text on Info VR page, added Monday 1/30/23 2:07pm
#InfoVR2, #InfoVR4 {
	display: none;
}

Hide Black subscription plan link in Header when Light toggle not active
#SubscriptionPlanLinkBlack.et_pb_module.et_pb_text.et_pb_text_3_tb_header.et-light-mode-capable.et_pb_text_align_left.et_pb_bg_layout_light {
	display: none;
}

******* CATEGORY PAGE BUTTONS *******

STREAMING
#StreamingCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#StreamingCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

LIVE TV
#LiveTVCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#LiveTVCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

COMEDY
#ComedyCategoryButtons3.et_pb_row.et_pb_row_3.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#ComedyCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#ComedyCategoryButtons6.et_pb_row.et_pb_row_6.et-light-mode-capable {
	display: none;
}

ROMANCE
#RomanceCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#RomanceCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

SUPERHERO
#SuperheroCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#SuperheroCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

SUSPENSE
#SuspenseCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#SuspenseCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

ANIMATION
#AnimationCategoryButtons3.et_pb_section.et_pb_section_3.et-light-mode-capable.et_pb_with_background.et_section_regular {
	display:none;
}

#AnimationCategoryButtons4.et_pb_section.et_pb_section_4.et-light-mode-capable.et_pb_with_background.et_section_regular {
	display: none;
}

#AnimationCategoryButtons6.et_pb_row.et_pb_row_6.et-light-mode-capable {
	display: none;
}

SCI-FI
#Sci-FiCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#Sci-FiCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

ACTION
#ActionCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#ActionCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

FANTASY
#FantasyCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#FantasyCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

ROM-COM
#Rom-ComCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#Rom-ComCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

DOCUMENTARY
#DocumentaryCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#DocumentaryCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

FILM-NOIR
#Film-NoirCategoryButtons2.et_pb_row.et_pb_row_2.et-light-mode-capable.et_pb_gutters2.et_pb_row_5col {
	display: none;
}

#Film-NoirCategoryButtons4.et_pb_row.et_pb_row_4.et-light-mode-capable {
	display: none;
}

MS-DOS
#MSDOSButtons2.et_pb_section.et_pb_section_6.et-light-mode-capable.et_pb_with_background.et_section_regular {
	display: none;
}

DONATION PAGE TITLES

#DonationPageTitle2.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_5.et-light-mode-capable.et_pb_text_align_left.et_pb_bg_layout_dark {
	display: none;
}

#DonationPageTitle4.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_8.et-light-mode-capable.et_pb_text_align_left.et_pb_bg_layout_dark {
	display: none;
}

#DonationPageTitle6.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_11.et-light-mode-capable.et_pb_text_align_left.et_pb_bg_layout_dark {
	display: none;
}

#DonationPageTitle8.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_15.et-light-mode-capable.et_pb_text_align_left.et_pb_bg_layout_dark {
	display: none;
}

I don't really understand why, but for some reason this gets the Header Logo to Invert when I click the Light Dark Toggle, must be something in the code already setup so that this works somehow.
Even though I don't understand it, I'm grateful cause I've been struggling with it and I didn't the first time, it just did it automatically and easily, so I don't get it, but I'm thankful
and just going to go with it.
.et_pb_image_1_tb_header {
	filter: invert(100%);
}

ARCADE BUTTONS
#ArcadeCategoryButtons2.et_pb_section.et_pb_section_5.et-light-mode-capable.et_pb_with_background.et_section_regular {
	display: none;
}

Removes cart from screen when Light Dark Toggle is off/dark Tue 1/31/23 3:03pm
.et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
	display: none;
}

Puts custom cart on screen and makes sure it's white for mobile to match with the black cart. Cart always disappeared before, Light theme accidentally kept black cart in Header, decided I liked it
and found this way to get dark theme white cart to stay too, think it will help people find their carts a lot faster and easier than digging in the menu, hopefully leading to more sales. Tue 1/31/23 3:03pm
I'm not sure what if anything menu 1 does here, it appeared to work but then didn't, menu 0 is the one that actually works/fixes it/makes the white cart appear on mobile, I'm just leaving menu 1 here,
because it works now so I don't want to touch anything and possibly mess anything up but I think you could remove menu 1 and the code below should still work...ok, I checked real quick and that appears
correct, so I removed menu 1 from the code and I'm leaving it in a note for reference below
This black cart is the one showing up on mobile:
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button

This is menu 1 that appeared to work, but then didn't for whatever reason, just leaving it here for reference in case I need it later at some point:
.et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__cart-button
 */
/* @media screen and (max-width: 990px) {
	.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
		display: flex;
		color: white !important;
	}
} */

/* #LoginLight.et-light-mode-capable {
	display: block;
}

#LoginDark.et-light-mode-capable {
	display: none;
} */