/*
Theme Name: Rise Softball
Theme URI: https://createdbyinfinity.com/
Author: Infinity Sports and Entertainment
Author URI: https://createdbyinfinity.com/
Description: Rise Softball
Version: 1.2.4
Tags: Created - 26/11/2019 / Launched -

*/
/* Fonts */
@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rakkasregular';
    src: url('fonts/rakkas-regular-webfont.woff2') format('woff2'),
         url('fonts/rakkas-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'josefin_sansbold';
    src: url('fonts/josefinsans-bold-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'josefin_sansregular';
    src: url('fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
p, a {
  font-family: robotoregular;
  font-weight: normal;
}
a{
  color: #0c0d29;
}
a:hover{
  color: #49c4bf;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6
{
  font-family: josefin_sansbold;
  font-weight: normal;
}
/* End Fonts */
/*Screen Readers*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/*End Screen Readers*/
/*WP Standard Classes*/
img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*End WP Standard Classes*/

/* Comments*/
.postComments {
    margin-top: 7.6em;
    color: #2a2a2a;
		border-top: 2px solid gray;
}
.commentsTitle {
    font-size: 1.4em;
    margin-bottom: 0.3em;
		background-color: #C0C0C0;
		padding: 0.3em;
}
.commentTopNav {
    display: flex;
    padding-left: 1em;
}
.commentBottomNav {
    display: flex;
    padding-left: 1em;
    border-top: 2px solid silver;
		margin-bottom: 0.5em;
}
.commentNavNext {
    margin-left: 1em;
}
.commentsList {
    margin-left: 4em;
    margin-top: 2em;
}
.commentsList li {
    margin-top: 0.5em;
		margin-bottom: 0.9em;
}
.comment-meta {
    border-top: 2px solid silver;
    border-bottom: 2px solid silver;
}
.comment-content {
    margin-left: 0.3em;
    margin-top: 0.3em;
}
.reply{
	margin-left: 0.3em;
	margin-top: 0.3em;
}
.form-submit #submit {
    border: none;
    padding: 0.3em 1.9em;
    margin: 0.3em 0;
    background-color: #708090;
    color: white;
    font-size: 1.2em;
		transition: all 0.6s ease;
}
.form-submit #submit:hover{
	color: #000;
}
.comment-form-comment textarea {
    width: 100%;
		border: 2px solid silver;
}
/* End Comments*/
/* Search Form */
.search-form {
    display: flex;
    align-items: center;
}
.search-submit {
    margin-left: 1em;
}
/* end search form */

/* Default Widget Styling*/
.widget, .widget ul, .widget ul > li{
	list-style: inherit;
}
.widget ul > li{
	margin-left: 0.6em;
}
.widget h2{
	font-size: 1.8em;
  color: #767676;
  border-bottom: 5px solid #de1c25;
}
/* End Default Widget Styling*/
/* Default header/footer/nav */
.sitePostThumb img {
    margin: 0 auto;
    display: block;
}
.siteHeader {
    padding: 0 0.5em;
    background-color: #fdfdfd;
}
.headerMetaData {
    background-color: #fdfdfd;
}
#primeNav ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
}
#primeNav {
    width: 100%;
}
.siteLogo img{
    width: 170px;
}
.siteName {
  margin-left: 1.5em;
  margin-top: 0;
}
.siteFooter{
	background-image: linear-gradient(rgb(255, 255, 255), rgb(108, 200, 197));
}
.footerNavigation {
    padding: 0.5em 0;
}
.footerNavigation ul {
    margin: 0;
}
.footerMidText p {
	color: #064443;
	font-weight: bold;
}
.rightsReserved{
  margin: 0;
  text-align: center;
  color: #064443;
  font-weight:bold;
}
.siteFooter .siteSocial{

}
.infinityLogo{
  display: flex;
  justify-content: center;
}
.infinityLogoWrapper{
  height: 100%;
  display: flex;
  align-items: center;
}

.siteName a:hover {
    text-decoration: none;
}
.custom-logo-link {
    width: 170px;
}
.footerNavigation ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.footerNavigation a {
    color: white;
    font-weight: bold;
}
.headerMetaData.uk-active {
    margin-left: 7px;
}
/* End Default header/footer/nav */
/* Header */

.rseHeaderBottomSection {
  padding: 0.7em 0;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(108, 200, 197));
}
.socialIconsHook a {
    color: #000;
    margin-left: 0.8em;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	border-left: 2px solid #064443;
}
/* End Header */
/* Home */
.rseYoutubePlayButton h2 {
    color: white;
}
.postsInfGridItem .uk-card {
    padding: 0;

}
.postsInfGridItemLi .uk-card {
  padding: 0 0 1.5em 0;
}
.rseShowcaseContent p {
  /* color: black; */
}
.rseShowcaseContent * {
	color: #ffff;
}
.rseShowcaseArticle h2 {
	color: #ffffff;
}
.rseShowcaseHeader {
	color: #fff;
}
.rseSignupsHeader {
    color: #064443;
}
.rseNewsHeader {
    color: white;
}
.rseVideo {
    color: white;
}
.rsePlayersSearch {
    background-color: white;
}
.rseBelowSlider{
  padding-top: 0.5em;
}
.uk-dotnav > * > *{
  width: 30px;
  height: 30px;
  background: white;
  border: none;
}
.uk-dotnav > .uk-active > * {
    /* background-color: black; */
    background-color: #57c8c6;
}
#rseHomeSearch ul {
    list-style: none;
}
.rseHeaderTopSection {
    min-height: 50px;
    display: flex;
    align-items: center;
    /*! justify-content: flex-end; */
    background-image: linear-gradient(#57c8c6,#268784);
    border-top: 5px solid #064443;
}
.rseHeaderTopSection section {
    width: 100%;
    /*! justify-content: space-evenly; */
}
.rseHeaderTopSection ul {
	list-style: none;
	margin: 0;
    width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin-left: 6.5em;
}
.headerLogoutSection {
	width: 26%;
	display: flex;
	justify-content: space-around;
	position: absolute;
	right: 25px;
}
.rseHeaderTopSection ul li{
	color: #064443;
	font-weight: bold;
	font-size: 1.2em;
	font-family: 'josefin_sansbold';
}
.rseHeaderTopSection ul li:first-child{
    /*! width: 20%; */
    /*! text-align: center; */
    margin-right: 0.5em;
}
.rseHeaderTopSection ul > li + li{
    /*! margin-left: 2.5em; */
    border-left: 2px solid #064443;
    /*! padding: 0 .5em; */
    width: 10%;
    text-align: center;
}
.rseHeaderTopSection section aside > a {
    color: #064443;
    font-weight: bold;
    font-size: 1.2em;
    font-family: inherit;
}

.rseHeaderTopSection section aside > a > span{
  color: #ffffff;
  margin-right: 0.3em;
}
.rseHeaderTopSection svg {
    width: 25px;
    height: 25px;
}
#rseHomeSearch {
    background-color: #61c4c1;
    padding-top: 0.4em;
    padding-bottom: 2.5em;
}
#rseHomeSearch h2 {
    color: #4ec5c3;
    background-color: white;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-transform:uppercase;
}
.rseHomeSearchBtn .uk-button-default{
  color:#064443;
  background-color:white;
  font-weight: bold;
}
.rsePlayersLandingLink .uk-button-default{
  color:#064443;
  background-color:white;
  font-weight: bold;
}
.rsePlayersLandingLink {
    width: 100%;
    margin-top: 2.5em;
}
.rseShowcaseArticle{
  padding-bottom: 1.5em;
}
.homefacebook h3, .hometwitter h3, .homeinstagram h3  {
    color: #064443;
    background-color: #61c4c1;
    padding-left: 0.5em;
}
.rseShowcaseButton .uk-button-default {
    color: #064443;
    background-color:white;
    font-weight: bold;
}
.uk-offcanvas-bar {
    background: #064443;

}
.rseChevrons{
  background-color: #49c4bf;
  color:#064443;
}
.rseNewsSliderImageWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.rseNewsSliderLiWrapper {
    background-color: #49c4bf;
}
.rseVideoWrapper{
  background-repeat: no-repeat;
  background-size: cover;
}
.rseSectionTwo {
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
 line-height: unset;
 height: unset;
}
/* End Home */
/* Default misc css */
/* archive pages */
.snyBlogArchivePanelImg {
    max-height: 200px;
    transition: all 0.5s Ease;
}
.snyBlogArchivePanelLink {
    min-height: 240px;
}
.snyBlogArchivePanelLink:hover .snyBlogArchivePanelImg{
    opacity: 0.5;
}
.blogPanelWrapper a{
  color: #444444;
  transition: all 0.6s ease;
}
.blogPanelWrapper a:hover{
  color: #cd1f36;
  text-decoration: none;
}
.blogPanelTeaser{
  /* min-height: 260px; */
}
.blogPanelPostExcerpt {
    min-height: 43px;
}
/* News Page */
.newsPostsHeaderWrapper h1 a {
  background-color: rgba(0, 0, 0,0.4);
  transition: all 0.6s ease;
}
.newsPostsHeaderWrapper h1 a:hover{
  color: #cd1f36;
}
.newsPostsHeaderAnchor{
  color: white;
}
.newsPostsHeaderAnchor:hover{
  color: white;
  text-decoration: none;
}
.newsPostsCardItemAnchor{
  color: white;
}
.newsPostsCardItemAnchor:hover{
  color: white;
  text-decoration: none;
}
.newsPostsCardItem {
    display: flex;
    justify-content: center;
}
.newsPostsCardItemTeaser a {
    display: flex;
    min-height: 300px;
    transition: all 0.6s ease;
}
.newsPostsCardItemTeaser a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.newsPostsCardItem article{
  width: 100%;
}

.newsPostsCardItem figure{
    height: 100%;
}
.newsPostsCardItem a{
  color: #444444;
  transition: all 0.6s ease;
}
.newsPostsCardItem a:hover{
  color: #cd1f36;
  text-decoration: none;
}
.newsPostsCardItem hr {
    margin: 0 auto;
    border-top: 6px solid #ddd;
    width: 30px;
}
#postsNewsAltLoadMore{
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#postsNewsAltLoadMore > p{
  margin: 0;
}
.paginationWrapper {
    display: flex;
    justify-content: center;

}
.indexArticle .uk-cover-container {
	min-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* custom news */
.rseMinHeight_1{
  min-height: 500px;
}
.rseMinHeight_2{
  min-height: 242px;
}
.rseNewsPageTitleWrap {
    padding: 0.5em;
    background-color: rgba(23, 75, 113,0.6);
}
.rseNewsPageTitleWrap h3 {
    color: white;
    margin-bottom: 0;
}
.rseNewsPageTitleWrap p {
    color: white;
    font-size: 0.7em;
    margin-bottom: 0;
}
/* end custom news */
/* End News Page */
/* inner pages */
.pageTitleSection > figure {
    max-height: 500px;
}
.pageTitleSectionHero > div img{
	/* display: flex;
	justify-content: center; */
  display: block;
  margin: 0 auto;
}
.postMeta .uk-icon {
    font-size: 20px;
}
.rseSingleShowcaseButon .uk-button-default, .rseNewsSliderLiVideoButton .uk-button-default{
	color: #064443;
	background-color: white;
	font-weight: bold;
}
/* End inner pages */
/* End Default misc css */
/* Other */
/* Facebook Embed */
.widgetFacebookContainer {
  padding: 2px 10px;
  /* border: 1px solid #000; */
}
.widgetFacebook {
  height: 500px;
}
.widgetFacebook .facebookIframe {
  border: none;
}
/* End Facebook Embed */
/* Customizer CSS */
.rseShowcaseButton > .uk-button.uk-button-default.uk-border-rounded {
    background-image: linear-gradient(rgb(255, 255, 255), rgb(108, 200, 197));
}
.siteLogo img {
    width: 100px;
}
.snyPostsSingleSliderLink h2{
  line-height:0.2em;
}

.testimonialsSliderMetaFigure {
    display: none;
}
html, em {
    color: #040404;
}
.rsePlayersPage figure > img {
    border: 8px solid #36b4b0;
    border-radius: 30px;
}
.rseNewsSliderLiWrapper .snyPostsSingleSliderLink p {
    font-style: italic;
}
.rsePlayersLandingLink .uk-button.uk-button-default{
background-image: linear-gradient(rgb(255, 255, 255), rgb(108, 200, 197));
	border-radius:10px;
}
.rsePlayersLandingLink .uk-button-default{
	background-image:linear-gradient(rgb(255, 255, 255), rgb(108, 200, 197));
	border-radius:8px;
}
.customModulePlayersTable .uk-table-reset {
   /* font-weight: bolder;*/
    font-weight: 900;
}

.snyPostsSingleSliderLinkWrapper{
    line-height: 1em;
}

/* End Customizer CSS */
/* End Other */
/*Media Queries*/
@media screen and (max-width: 1600px) {
  .headerSocialIcons {
      justify-content: center;
      padding-left: 0;
      margin-top: 5px !important;
      margin-bottom: 0.3em
  }
  .headerOptionOneBottomSection {
    top: 123px;
  }
  .headerNavigation {
    margin-top: 0 !important;
  }
  .giveHeaderMinHeight {
    min-height: 623px;
  }
  .rseHeaderTopSection ul > li + li {
	width: 12%;

  }
    .rseHeaderTopSection ul li {
        font-size: 0.9em;

    }
    .headerLogoutSection {
        top: -6px;
    }
}
/* End 1600px */
@media screen and (max-width: 1200px) {
	.flexSwitch{
		flex-direction: column;
		width:98%;
	}
	.flexOff{
		display: none;
	}
  .headerSocialIcons {

  }
  .siteLogo{
    padding-left: 0;
  }
  .rseHeaderTopSection section {
    width: 100%;
  }
  .infinityLogoWrapper {
  	justify-content: center;
  }
  .rseFooterLogo {
  	text-align: center;
  }
  .playersVideoSection iframe {
  	width: 100%;
  }
  .playersBioSection iframe {
  	width: 100%;
  }
  .rseHeaderTopSection section {
	flex-direction: column;
  }
  .rseHeaderTopSection ul {
	width: 100%;
	margin-left: 0;
	justify-content: center;
	margin-top: 0.5em;
  }
  .headerLogoutSection {
	width: 100%;
    margin-top: 0.5em;
	position: unset;
 }
}
/* End 1200px */
@media screen and (max-width: 960px) {
    .rseHeaderTopSection ul > li + li {
        width: 20%;
    }
    .rseHeaderTopSection ul {
	  flex-wrap:wrap;
    }
    .snyPostsSingleSliderLinkWrapper{
        line-height: 1.7em;
    }
    .rseNewsSliderLiWrapper .snyPostsSingleSliderLink p {
        font-size: smaller;
    }
}
/* End 960px */
@media screen and (max-width: 640px) {
    .rseHeaderTopSection ul > li + li {
	   width: 33%;
    }
    .rseHeaderTopSection ul li {
        font-size: 0.7em;
        text-align: center;
    }
    .rseSectionTwo {
        background-image: none;
        background-color: white;
        background-blend-mode: color;
    }
}
/* End 640px */
/*End Media Queries*/
/* ==========================================================================
   RISE — post-WordPress header + hero corrections (C2G, 2026-09-19)
   Appended deliberately at the end of the theme sheet: it is the last
   stylesheet the pages load, so these win without !important gymnastics.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Navigation collapsed far too early.
   Max Mega Menu was configured with a 1200px breakpoint, so on any laptop at
   125% Windows scaling (a 1440px screen reports a ~1152px CSS viewport) the
   whole nav became a lone "MENU" hamburger on a grey #ddd bar — which is what
   the client was seeing. Desktop nav now survives down to 900px.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 901px) and (max-width: 1200px) {
  #mega-menu-wrap-primary .mega-menu-toggle { display: none; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    display: block;
    background: transparent;
    padding: 0;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    display: inline-block;
    float: none;
  }
  /* keep dropdowns hovering rather than stacking inline */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
    position: absolute;
    width: auto;
  }
}

/* --------------------------------------------------------------------------
   2. When the menu DOES collapse (real phones/tablets), stop it reading as a
   detached grey slab. It now carries the brand teal and sits flush with the
   bar above it instead of announcing itself as a separate strip.
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
  #mega-menu-wrap-primary .mega-menu-toggle {
    background: linear-gradient(180deg, #49c4bf 0%, #36b4b0 100%);
    border-top: 1px solid rgba(255,255,255,.35);
  }
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-label,
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 { color: #064443; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { background: #0b6d68; }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
}

/* --------------------------------------------------------------------------
   3. Hero slider caption was white text with text-shadow:none sitting straight
   on a busy photograph — legible over the dark parts, invisible over the light
   ones. A gradient scrim behind the caption fixes it without touching markup.
   -------------------------------------------------------------------------- */
.snyPostsSingleSliderLinkWrapper.uk-position-bottom-center,
.snyPostsSingleSliderLinkWrapper {
  background: linear-gradient(180deg, rgba(4,50,48,0) 0%, rgba(4,50,48,.55) 42%, rgba(4,50,48,.88) 100%);
  padding: 46px 28px 22px;
  box-sizing: border-box;
  width: 100%;
  left: 0;
  right: 0;
  /* UIkit centres .uk-position-bottom-center with `left:50%` PLUS
     `transform:translateX(-50%)`, which assumes a shrink-to-fit box. Widening it
     to 100% without cancelling the transform slides the whole caption half a
     viewport to the left — the headline then starts off-screen and you only see
     its tail. Both halves of UIkit's centring must be undone together. */
  transform: none;
}
.snyPostsSingleSliderLinkWrapper h2,
.snyPostsSingleSliderLinkWrapper h3,
.snyPostsSingleSliderLinkWrapper h4,
.snyPostsSingleSliderLinkWrapper p,
.snyPostsSingleSliderLinkWrapper a {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.65);
}
.snyPostsSingleSliderLinkWrapper h2,
.snyPostsSingleSliderLinkWrapper h3 { margin-bottom: .25em; line-height: 1.2; }

/* --------------------------------------------------------------------------
   4. Logo row was a cramped white band between two teal bars. Give it room and
   let it read as part of the header rather than a gap between things.
   -------------------------------------------------------------------------- */
.rseHeaderBottomSection,
.siteHeader .uk-navbar-container { padding: 6px 0; }

/* --------------------------------------------------------------------------
   5. "Testimonials" was dropping to a second line.
   The header row is a UIkit 1-5 / 3-5 / 1-5 split, so the nav was pinned to 60%
   of the row no matter what the logo and social icons actually needed — they
   were sitting on ~344px of slack while the 9 menu items (939px) overflowed
   their 60% and wrapped. Let the nav absorb the leftover instead: logo and
   icons shrink to their content, nav takes the remainder.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 901px) {
  .rseHeaderBottomSection > .siteLogo         { flex: 0 0 auto; width: auto; min-width: 140px; }
  .rseHeaderBottomSection > .headerNavigation { flex: 1 1 auto; width: auto; min-width: 0; }
  .rseHeaderBottomSection > .headerSocialIcons{ flex: 0 0 auto; width: auto; }

  /* a single item must never break mid-label */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    white-space: nowrap;
  }
}

/* Below ~1400px the reclaimed space alone is not enough for 9 items at 17px,
   so tighten spacing in steps rather than let anything wrap. */
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding-left: 5px; padding-right: 5px; font-size: 16px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding-left: 3px; padding-right: 3px; font-size: 14.5px;
  }
}

/* --------------------------------------------------------------------------
   6. Full-bleed images stopped growing at their natural width.
   The theme styles them `width:auto; max-width:100%`, which caps them at the
   file's own pixel width. The header graphic is 1920px and the hero slide is
   1900px, so on any monitor wider than that the image stopped short and left a
   band of page background beside it — the header visibly failed to span the
   screen at 2560. `width:100%` makes the box follow the container in BOTH
   directions; `height:auto` keeps the aspect ratio honest so nothing squashes.
   Scoped to the two genuinely full-bleed images: sponsor logos and the site
   logo are deliberately fixed-size and must NOT be swept up in this.
   -------------------------------------------------------------------------- */
.homeHeaderUrl img,
.rseNewsSliderImageWrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* --------------------------------------------------------------------------
   7. Header utility bar (Contact Us / account / Log Out) wrapped onto a second
   line and spilled over the nav beneath it.
   `.headerLogoutSection` was `position:absolute; width:26%` — a percentage box
   holding text that does not scale with it. At 1440px, 26% is 370px and the two
   original links measure 370px, so they wrapped; signing in adds a THIRD link
   (the account name, itself variable length) and it wrapped every time. Because
   the box is absolute it could not push the 22px-tall bar taller, so the second
   line landed on top of the menu.
   Fix: at desktop the bar becomes a real flex row — tagline takes the slack,
   the links size to their content and never wrap. No percentage, no absolute
   positioning, so a longer name or a fourth link cannot reintroduce this.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 901px) {
  .rseHeaderTopSection > section {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 25px;
  }
  .rseHeaderTopSection > section > ul {
    flex: 1 1 auto;
    min-width: 0;           /* lets the tagline shrink instead of shoving the links off */
  }
  .headerLogoutSection {
    position: static;       /* was absolute — that is what let it overlap the nav */
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 18px;
    white-space: nowrap;
  }
  .headerLogoutSection > a { white-space: nowrap; }
}

/* Phones/tablets: the bar is already full-width and static here. Give it room
   to breathe and let it wrap DELIBERATELY onto centred rows rather than running
   flush into both screen edges, which is what pushed the last link off. */
@media only screen and (max-width: 900px) {
  .headerLogoutSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .headerLogoutSection > a { white-space: nowrap; }
}

/* --------------------------------------------------------------------------
   8. Logo removed from the menu bar while the hero is on screen.
   The RISE mark is already enormous in the header graphic directly above, so a
   third copy 40px below it was pure repetition — and it was eating 170px that
   the nine menu items needed.
   It is NOT deleted outright: once the bar sticks to the top the banner has
   scrolled away and this becomes the only branding (and the only route home),
   so it comes back the moment UIkit adds .uk-sticky-fixed. The nav is already
   `flex:1 1 auto` from rule 5, so it absorbs the reclaimed width on its own.
   -------------------------------------------------------------------------- */
.rseHeaderBottomSection:not(.uk-sticky-fixed) > .siteLogo { display: none; }

/* --------------------------------------------------------------------------
   9. "#GETNOTICED" sliced off down the left edge.
   These sections paint their artwork on an element that is ALSO a UIkit grid,
   and `.uk-grid-small` carries `margin-left:-15px` to cancel its children's
   gutter. That negative margin drags the painted box 15px off the left of the
   viewport, taking the first 15px of the image with it — which is exactly
   where the vertical hashtag sits. The artwork must be inset back by the same
   15px so it spans the VISIBLE area instead of the grid's overhanging box.
   Uses the grid's own gutter value; if a section is ever switched to plain
   `.uk-grid` (-30px) this needs to match it.
   -------------------------------------------------------------------------- */
/* SUPERSEDED 2026-09-20 (second call): the client asked for the side graphics
   to be REMOVED, not realigned — "we can get rid of those... now it looks more
   like MySpace-y to me... I don't like it." He wants the space given to the
   showcases block and the commitment map instead.

   The artwork is the ONLY thing that background image carries: sampling it
   shows the entire centre (x 120-1373 of 1494) is pure white, and the only
   non-white pixels are the two vertical hashtag bands at the edges. So
   dropping the image and painting white is pixel-identical minus the
   hashtags — no replacement asset needed, and the 15px grid-margin clipping
   this rule used to compensate for stops mattering. */
.rseSectionTwo {
  background-image: none;
  background-color: #fff;
}
.rseVideoWrapper { background-position: 15px 0; }

/* --------------------------------------------------------------------------
   10. Twitter column was unreadable — and it is a dead embed.
   X's widget no longer renders: its iframe measures 0x0 here while the Facebook
   (300x150) and Instagram (389x502) embeds in the same row load fine. All that
   survived was the fallback link, `color:#0c0d29` sitting straight on a dark
   photographic background — near-black on near-black, which is what made it
   "impossible to see".
   Rather than just recolour dead text, present it as the deliberate call to
   action it now has to be: a readable pill on the brand teal, matching the
   buttons used elsewhere on the page.
   -------------------------------------------------------------------------- */
.hometwitter .textwidget { padding: 18px 0; }
.hometwitter .textwidget p { margin: 0; }
.hometwitter .textwidget a.twitter-timeline,
.hometwitter .textwidget > p > a {
  display: inline-block;
  background: #064443;
  color: #ffffff;
  font-family: 'josefin_sansbold', Arial, sans-serif;
  font-size: 15px;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 26px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.65);
  transition: background .18s ease, color .18s ease;
}
.hometwitter .textwidget a.twitter-timeline:hover,
.hometwitter .textwidget > p > a:hover {
  background: #49c4bf;
  color: #043230;
  text-decoration: none;
}