/* General spacings */ 
.wp-block-coblocks-accordion {
	overflow-x:visible !important;
}

#main.site-main {
	padding-top: 0px;
}

header#masthead {
	padding-top: 20px;
	padding-bottom: 20px;
}

.components-dropdown-menu__menu .components-menu-item__button:hover, .components-dropdown-menu__menu .components-menu-item__button:focus, .components-dropdown-menu__menu .components-menu-item__button.components-button:hover, .components-dropdown-menu__menu .components-menu-item__button.components-button:focus, .components-menu-item__button:hover, .components-menu-item__button:focus, button.components-button:hover, button.components-button:focus {
	color: #fff !important;
}

/* Menu */
#menu-primary li a
{
	line-height: 1.4em;
}
.main-navigation > div > ul > li
{
	padding-left: 12px;
	padding-right: 12px;
}

/* Join Us button branding */
.join-us { 
	background-color: #4267cf;
	border-radius: 4px;
	margin-left: 10px
}
.join-us a
{
	color: #ffffff !important;
	text-align: center;
	font-weight: 600;
}
.join-us:has(a:hover)
{
	background-color: #FFA500;
}

#main {
	border-top: 5px solid #4267cf;
}

/* Sign In button branding */
.sign-in { 
	background-color: #FFA500;
	border-radius: 4px;
	margin-left: 10px
}
.sign-in a
{
	color: #ffffff !important;
	text-align: center;
	font-weight: 600;
}
.sign-in:has(a:hover)
{
	background-color: #4267cf;
}

/* Same for Contact button*/
.wp-block-button__link:hover
{
	background-color: #FFA500 !important;
}

/* Make content full-width */
.responsive-max-width, .entry-content > .wp-block-button.aligncenter, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), .entry-content > *:not(.wp-block-button), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
	max-width: calc(calc( 782px - 32px) + 256px);
}

/* Remove space above featured images */
figure.post-thumbnail {
	margin-top: 0px;
	padding-top: 0px;
}

/* Hide site info */
.site-info {
	display: none;
}

/* Full-width blue and orange page titles*/
article header.entry-header {
	max-width: 100%;
	width: 100%;
	background-color: #4267cf;
	color: #ffffff;
	padding: 20px;
	font-family: Ubuntu !important;
}

h1.entry-title {
	font-size: 40px;
	line-height: 1.7;
}

/* But don't show page title on homepage */
#post-31 header {
	display: none;
}
/* Unless it's the header in the calendar... */
.my-calendar-table header
{
	display: block !important;
}

/* Footer */

footer#colophon {
	background-color: #4267cf;
	width: 100%;
	max-width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
}
footer, footer a, footer p {
	color: #ffffff;
}
footer h2 {
	font-size: 30px;
	padding-bottom: 20px;
}
footer ul.upcoming-events{
	padding-left: 0px;
	list-style-type: none;
}
footer ul.upcoming-events li a {
	text-decoration: underline;
}
.wp-block-search__label {
	color: #4267cf;
}
.wp-block-search .wp-block-search__input {
	margin-right: 0px;
}
.wp-block-search svg:hover {
	color: black;
}

/* Homepage */

.wp-block-group:has(.homeImageText) {
	background-image: url("https://portsladehedgehoppers.com/wp-content/uploads/2024/10/IMG_1895-002.jpg");
	background-size: cover;
	background-position: center;
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
	color: #ffffff;
}
.homeImageText h3, .homeImageText p {
	background-color: rgba(0,0,0,0.5);
	line-height: 1.5em;
	padding: 10px;
}
.homeImageText:first-child {
	padding-top: 9em;
	padding-bottom: 9em;
	padding-left: 3em;
	padding-right: 3em;
}
.homeImageText p {
	font-size: 1.1rem;
}

#post-31 h3 {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
}

#post-31 .my-calendar-nav, #post-31 .calendar, #post-31 .category-key {
	margin: 0 auto;
	margin-top: 0;
	padding-top: 0;
	.all-categories {
		display: none;
	}
}

#post-31 .my-calendar-navigation li, .my-calendar-footer .has-icons ul li
{
	margin-top: 10px;
}

#post-31 #join-img
{
	margin-top: 5px;
}

/* Remove default week heading*/
#post-31 .heading.my-calendar-week {
	display: none;
	height: 0px;
}

#this-week {
	width: 100%;
	max-width: 100%;
	background-color: #4267cf;
	padding: 30px 0;
}
#this-week h2, #this-week thead, #this-week thead th, #this-week li.my-calendar-today {
	color: #ffffff;
}

/* Runs Section */
#tuesday-img:hover, #thursday-img:hover, #join-img:hover {
	transition: .5s ease;
	opacity: 0.5;
}
#tuesday-img, #thursday-img, #join-img {
	transition: .5s ease;
	opacity: 1;
}

/* Join Section */
#join-section {
	width: 100%;
	max-width: 100%;
	background-color: #4267cf;
	padding: 30px 0;
	color: #ffffff;
}
#join-inner {
	width: 1006px;
	max-width: 1006px;
	margin: auto;
}
#join-inner a.wp-element-button {
	background-color: #FFA500;
}
#join-inner p a {
	color: #ffffff;
	text-decoration: underline;
}

/* Calendar */

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 0;
}

/* Remove dashes from submenu */
	.main-navigation .sub-menu .menu-item a::before {
		display: none;
	}

/* List view heading alignment */
.mc-main .mc-list .mc-text-button > span
{
	margin-left: 30px;
}
.mc-main .mc-list .mc-text-button:hover
{
	text-decoration: none !important;
}

/* Links hover */
a:hover {
	text-decoration: none;
	color: #FFA500;
}

/* Training run lists */
.future-event {
	list-style: none;
}

/* HH5 buy links */
stripe-buy-button {
	display: block;
}


/* SC QUICKLINKS */
.sc-quicklinks {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 4.5rem 2rem 6rem;
  z-index: 1;
}

.sc-quicklinks-inner {
  width: 100%;
  max-width: 126rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}

.quicklinks-header {
  font-size: clamp(4rem, 3.7vw, 4.8rem);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.quicklinks-list {
  width: 100%;
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(23.3rem, 1fr)); */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4.5rem;
}

.quicklinks-item {
  /* width: 100%; */
  aspect-ratio: 2.82 / 2.48;
  /* width: auto; */
  width: 28.1rem;
  /*height: 24.7rem;*/
	/*border-radius: 1rem;*/
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.2s ease-in-out;
	/*display: grid;*/
  /*grid-template-rows: 2fr 1fr;*/
}

.quicklinks-item a {
  --bg-cl: #cf0023;
}
.quicklinks-item a:nth-child(1) {
  --bg-cl: #cf0023;
}
.quicklinks-item a:nth-child(2) {
  --bg-cl: #d85014;
}
.quicklinks-item a:nth-child(3) {
  --bg-cl: #cfaf15;
}
.quicklinks-item a:nth-child(4) {
  --bg-cl: #119e29;
}
.quicklinks-item a:nth-child(5) {
  --bg-cl: #3a698c;
}
.quicklinks-item a:nth-child(6) {
  --bg-cl: #2d5ee3;
}
.quicklinks-item a:nth-child(7) {
  --bg-cl: #120394;
}
.quicklinks-item a:nth-child(8) {
  --bg-cl: #8609ab;
}
.quicklinks-item a:nth-child(9) {
  --bg-cl: #bb0cbb;
}
.quicklinks-item a:nth-child(10) {
  --bg-cl: #cc0f74;
}

.quicklinks-link-graphic,
.quicklinks-link-text {
  width: 100%;
  /*height: 100%;*/
  display: block;
  justify-content: center;
  align-items: center;
  /*padding: 1rem;*/
}

.quicklinks-link-graphic {
  background: transparent;
  color: #fff;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
	margin-bottom: 0px !important;
}

.quicklinks-link-graphic svg,
.quicklinks-link-graphic img {
  /*width: 8rem;
  height: 8rem;*/
}

.quicklinks-link-graphic svg {
  fill: yellow;
}

.quicklinks-link-text, .wp-element-caption {
	display: block;
	font-size: 2.2rem;
  text-align: center;
  background: #fff;
  line-height: 1.2;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.quicklinks-item:hover .quicklinks-link-text,
.quicklinks-item:hover .wp-element-caption,
.quicklinks-item:focus-visible .quicklinks-link-text,
.quicklinks-item:hover .quicklinks-link-graphic,
.quicklinks-item:focus-visible .quicklinks-link-graphic,  {
  color: #ffffff;
  background: #4267cf;
	transition: color 0.3s ease-in-out, background 0.2s ease-in-out;
}

.quicklinks-link-graphic img:hover {
    filter: brightness(50%);
}

.quicklinks-item:hover > .quicklinks-link-text a {
	color: #ffffff;
}

.quicklinks-item:hover, .quicklinks-item:hover .quicklinks-link-text {
	background: #4267cf;
}

.quicklinks-item:hover,
.quicklinks-item:focus-visible {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);
}

.wp-element-caption {
    text-align: center;
}

.wp-element-caption {
    display: block;
}

.wp-block-columns .wp-block-column > 
.quicklinks-link-text {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Wiki styles */

article .entry-content ul {
	margin: 0 auto !important;
}

article .entry-title {
	margin-bottom: 0px;
}

/* Global theme styles */
.components-button:hover, .components-button[aria-expanded=true] {
	color: var(--wp-components-color-accent,var(--wp-admin-theme-color,#ffffff)) !important;
}