/* Navbar Sticky*/

header.navbar.wp-block-template-part, header.wp-block-template-part {
    position: sticky;
    top: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    z-index: 100;
}

/* ------------------ */

/* Center page and news title and round feature image */

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 16px;
}

.wp-block-post-title {
	color: #2A5683;
	text-align: center;
}

/* ------------------ */

/* Remove space above the next section */
.tokushima-goal-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ----------------------------- */

/* Remove buttons and pagination from slideshow block */

.wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_button-pause, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
	display: none;
}

/* ----------------------------- */

/* Round the images in HP About section, Goods section, and Goods Page carouel */

.tokushima-zone-carousel img,
.img-carousel img {
	border-radius: 16px !important;
}

/* ------------------ */

/* Align left the news title on HP */

.news-title-hp.wp-block-post-title {
  text-align: left !important;
}

/* ------------------ */

/* Event Show page */

.tribe-events-single-event-title {
	color: #2A5683;
	text-align: center;
}

.event-feature-img {
	border-radius: 16px;
}

p.event-p {
	font-size: var(--wp--preset--font-size--small) !important;
	color: var(--tec-color-text-primary) !important;
}

/* Event Pagintation links */

ul.tribe-events-sub-nav a {
	color: var(--tec-color-text-primary) !important;
}

ul.tribe-events-sub-nav a:hover {
	color: var(--tec-color-text-primary) !important;
}

/* ------------------ */

/* For the event card */

.event-card {
    background-color: #2A5683;
    border-radius: 24px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		padding: 16px;
		position: relative;
}

.event-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25), 0 8px 24px 0 rgba(0, 0, 0, 0.22);
    background-color: #549DCE; /* Slightly lighter blue */
	position: relative; 
}

.event-card-link, .event-card-link:hover {
	position: absolute;
	top: -18px;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* ------------------ */

/* Finished event card */

.finished-card {
    background-color: #4c5661;
    border-radius: 24px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		padding: 16px;
		position: relative;
}

/* ------------------ */

/* Add hover effect on instagram button and company logos on partner company page */

.instagram-button:hover, .company-logo-link:hover {
    transform: translateY(-5px);
}

/* ------------------ */

/* Remove caption and icons from tile gallery in memories section */

.jp-carousel-icon, .jp-carousel-photo-caption {
	display: none !important;
}

/* Fix spacing issue at the top of the sponsor section */

#sponsorship-section h2 {
    padding-top: 0 !important;
}

/* ------------------ */

/* Removing the default styling in image gallery shortcode and add our own */

.su-custom-gallery-slide img {
	box-sizing: content-box !important;
	border: none !important;
}

/* ------------------ */

/* Mobile View */

@media (max-width: 768px) {
  .tokushima-goal-section {
    background-position: 60% !important;
  }
}

/* Tablet View */

@media (min-width: 769px) and (max-width: 1024px) {
  .tokushima-goal-section {
    background-position: 50% !important;
  }
}