@charset "UTF-8";
/* CSS Document */

/*@import "https://unpkg.com/open-props";
@import "https://unpkg.com/open-props/normalize.min.css";*/

.media-section {
	padding: 2% 0 2% 2%;
	background: linear-gradient(0deg, #f0f0f0, #e6e6e6);
}

.darkmode .media-section {
	padding: 2% 0 2% 2%;
	background: linear-gradient(0deg, #000, #111);
}

.media-scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 28%;
  padding: 0;
  overflow-x: auto;
  /*overscroll-behavior-inline: contain;*/
}

.media-scroller--with-groups {
 /* grid-auto-columns: 80%;*/
}

.media-group {
  display: grid;
  grid-auto-flow: column;
}

.media-element {
  padding: 3%;
  margin: 3% 0 3% 3%; ;
  background: white;
  border-radius: 5px;
}

.darkmode .media-element { background: #222; }

.media-element img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
margin: 0 0 .25em 0;
}

.media-element a { 
  text-decoration: none;
}

.media-element a:hover { 
  text-decoration: underline; color: black;
}

.media-element .post-parent { margin: 0 0 .25em 0; /*font-size: 100%;*/ font-weight: 600; }
.media-element .post-parent a { color: #333; }
.media-element .continue { margin: 0; padding: 0; /*font-size: 100%;*/ }
.media-element h3 { margin: 0 !important; padding: 0 !important; font-size: 125%; line-height: 125%; font-family: 'Open Sans', sans-serif !important; font-weight: 700; }

.snaps-inline {
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: 5px;
}

.snaps-inline > * {
  scroll-snap-align: start;
}

.scroll-rev { display: block; color: white; border: none; position: absolute; left: 4%; font-size: 25px; background-color: #145291; cursor: pointer; margin-top: 95px; border-radius: 50%; line-height: 50px; width: 50px; height: 50px; }
.scroll-fwd { display: block; color: white; border: none; position: absolute; right: 2%; font-size: 25px; background-color: #145291; cursor: pointer; margin-top: 95px; border-radius: 50%; line-height: 50px; width: 50px; height: 50px; }
.scroll-rev:hover,
.scroll-fwd:hover { color: #145291; background-color: white }

#fm-rss-feed .scroll-controls { display: none; }

.media-descr { font-size: 90%; }

#media-passport p.date-time { display: none; }

#tv-schedule-ad { margin: 0 auto 1em auto; width: 1160px; }
.g-4 { float: left; width: 728px; }
.activate-passport { float: right; text-align: center; width: 432px; height: 90px; background-color: white; font-size: 80% }
.activate-passport img { max-width: 250px; margin: 10px auto 5px auto; }
.activate-passport a { margin: 0 .25em; }

#fm-rss-feed {
	padding: 2%;
	background: linear-gradient(0deg, #f0f0f0, #e6e6e6);
}

/* Featured News Item */
.fm-rss-feed-first-item-container { width: 100%; margin: 0 0 2% 0; }
.fm-rss-first-element-img { width: 34%; float: left; }
.fm-rss-first-element-content { width: 64%; float: right; }
.fm-rss-first-element img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 0 .25em 0; }
.fm-rss-first-element h3 { }
.fm-rss-first-element h3 a { text-decoration: none; }
.fm-rss-first-element h3 a:hover { text-decoration: underline; }
.fm-rss-author { font-weight: 500; opacity: 50%; font-size: 90%; }

.fm-rss-feed-container { display: flex; flex-wrap: wrap; margin: 0 0 2% 0; }
.fm-rss-element { float: left; width: 22.75%; margin: 1% 3% 1% 0; }
.fm-rss-element:last-child { float: left; width: 22.75%; margin: 1% 0 1% 0; }
/*.fm-rss-element { float: left; width: 17.75%; margin: 1% 3% 1% 0; }
.fm-rss-element:last-child { float: left; width: 17%; margin: 1% 0 1% 0; }*/
.fm-rss-element h3 { font-size: 1em; font-weight: 400; }
.fm-rss-element h3 a { text-decoration: none; }
.fm-rss-element h3 a:hover { text-decoration: underline; }

.fm-rss-element img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 0 .25em 0; }


#home-connect { 
	width: 96%; 
	padding: 2%; 
	background-image: url(https://wpsu.org/wp-content/uploads/2024/10/newsletter-signup-background.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	color: #eee;
}
#home-connect-demo { 
	width: 96%; 
	padding: 2%; 
	background-image: url(https://wpsu.org/wp-content/uploads/2025/07/newsroundup-signup-background.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	color: #eee;
}
#home-connect h2,
#home-connect-demo h2 { color: #ffc; }
.home-mailchimp { width: 50%; }
.home-social { width: 50%; }
.social-icons-large { padding: 0; margin: 0; }
.social-icons-large li { display: block; overflow: hidden; padding: 0; text-indent: -9999px; margin: 0 10px 10px 0; float: left; }
.social-icons-large li a { display: block; height: 50px; width: 50px; }
.facebook-large { background: url('../images/icon-facebook-large.png') no-repeat; background-size: 50px 50px; }
.twitter-large { background: url('../images/icon-twitter-large.png') no-repeat; background-size: 50px 50px; }
.x-large { background: url('../images/icon-x-large.png') no-repeat; background-size: 50px 50px; }
.youtube-large { background: url('../images/icon-youtube-large.png') no-repeat; background-size: 50px 50px;}
.flickr-large { background: url('../images/icon-flickr-large.png') no-repeat; background-size: 50px 50px; }
.instagram-large { background: url('../images/icon-instagram-large.jpg') no-repeat; background-size: 50px 50px; }
.snapchat-large { background: url('../images/icon-snapchat-large.png') no-repeat; background-size: 50px 50px; }

.email-label { font-size: 90%; padding-bottom: .25em !important; }
#mce-EMAIL { width: 77%; float: left; font-size: 100%; height: 40px; line-height: 40px; margin: 0; padding: 0 .25%; border: none; }
.connect-submit { width: 20%; float: right; }

.section-links { list-style: none; font-weight: bold; font-size: 100%; margin: 0 0 1em .5em; }
.section-links li { display: inline-block; margin-right: 1em; }

@media only screen and ( min-width: 1025px) and ( max-width: 1200px ) {
.scroll-rev { left: 5%; font-size: 22px; margin-top: 85px; line-height: 44px; width: 44px; height: 44px; }
.scroll-fwd { right: 3%; font-size: 22px; margin-top: 85px; line-height: 44px; width: 44px; height: 44px; }
}

@media only screen and ( min-width: 768px) and ( max-width: 1024px ) {
.scroll-rev { left: 5%; font-size: 20px; margin-top: 75px; line-height: 40px; width: 40px; height: 40px; }
.scroll-fwd { right: 3%; font-size: 20px; margin-top: 75px; line-height: 40px; width: 40px; height: 40px; }
}

@media only screen and ( max-width: 767px ) { 
	
.container { width: 100%; } 

#fm-rss-feed { padding: 2% 0 2% 2%; }
.fm-rss-feed-container { margin: 0; padding: 0;}
	
.fm-rss-element,
.fm-rss-element:last-child {
  width: 91%;
  padding: 3%;
  margin: 3% 0 3% 3%;
  background: white;
  border-radius: 5px;
}

.fm-rss-element img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
margin: 0 0 .25em 0;
}

.fm-rss-element a { 
  text-decoration: none;
}

.fm-rss-element a:hover { 
  text-decoration: underline; color: black;
}

.fm-rss-element .post-parent { margin: 0 0 .25em 0; font-weight: 600; }
.fm-rss-element .post-parent a { color: #333; }
.fm-rss-element .continue { margin: 0; padding: 0; }
.fm-rss-element h3 { margin: 0 !important; padding: 0 !important; font-size: 125%; line-height: 125%; font-family: 'Open Sans', sans-serif !important; font-weight: 700; }
	
.media-scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 85%;
  padding: 0;
  overflow-x: auto;
}
.scroll-controls { display: none; }

#tv-schedule-ad { margin: 0 auto 1em auto; width: auto; }
.g-4 { float: none; width: auto; }
.g-4 img { width: 100%; height: auto; }
.activate-passport { float: right; text-align: center; width: 100%; height: 90px; font-size: 80% }
.activate-passport img { max-width: 250px; margin: 10px auto 5px auto; }
.activate-passport a { margin: 0 .25em; }
	
.home-mailchimp { width: 100%; }
.home-social { width: 100%; }
	
#home-connect,
#home-connect-demo { 
	width: 94%; 
	padding: 3%; 
	background-image: none;
	background-color: #041E42;
	color: #eee;
}

.email-label { font-size: 90%; padding-bottom: .25em !important; }
#mce-EMAIL { width: 77%; float: none; font-size: 100%; height: 40px; line-height: 40px; margin: 10px 0; padding: 0 .25%; border: none; }
.connect-submit { width: 20%; float: none; }
}