/* ============================================
 *    SENTINEL SPORTS GROUP  CUSTOM CSS
 *    Inspired by Sportsologygroup.com & Bloomsports.com
 *    ============================================ */

/* === TYPOGRAPHY IMPROVEMENTS === */
/* Import Poppins for body text */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* Body copy  Poppins for clean readability */
body, p, .wpb_text_column p, .wpb_text_column li {
	  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	  font-weight: 400 !important;
	  line-height: 1.7 !important;
}

/* === NAVIGATION IMPROVEMENTS === */
/* Always show full nav on desktop  like Sportsology */
#header-outer nav > ul {
	  display: flex !important;
}

/* Force full navigation visible on all pages at desktop widths */
@media only screen and (min-width: 1000px) {
	#header-outer nav {
		    display: block !important;
		    opacity: 1 !important;
		    visibility: visible !important;
	}
	  #header-outer .mobile-menu,
	#header-outer #mobile-menu {
		    display: none !important;
	}
	  /* Show desktop nav links */
	#header-outer nav > ul > li {
		    display: inline-block !important;
	}
}

/* Nav link hover  accent underline */
#header-outer nav > ul > li > a:hover {
	  color: #d4f000 !important;
}

/* Nav items spacing */
#header-outer nav > ul > li > a {
	  font-family: 'Poppins', sans-serif !important;
	  font-size: 0.9rem !important;
	  font-weight: 500 !important;
	  letter-spacing: 0.02em !important;
	  text-transform: none !important;
	  padding: 0 1.2rem !important;
}

/* CTA button  pill shape like Sportsology */
#header-outer .buttons a,
#header-outer a.nectar-button {
	  border-radius: 50px !important;
	  padding: 0.65rem 1.5rem !important;
	  font-family: 'Poppins', sans-serif !important;
	  font-weight: 600 !important;
	  font-size: 0.85rem !important;
	  letter-spacing: 0.04em !important;
	  text-transform: uppercase !important;
	  transition: all 0.2s ease !important;
}

/* === HERO SECTION IMPROVEMENTS === */
/* Reduce excessive top padding  centre content vertically */
.full-page-header .title-wrap,
[data-fullscreen-row="true"] .row-bg-wrap ~ .vc_column-inner {
	  display: flex !important;
	  flex-direction: column !important;
	  justify-content: center !important;
	  align-items: center !important;
}

/* Hero text  left-align on desktop like both inspiration sites */
@media only screen and (min-width: 768px) {
	  .full-page-header .title-wrap h1,
	.full-page-header .inner-wrap h1 {
		    text-align: left !important;
		    max-width: 800px !important;
	}
}

/* === SERVICE CARDS === */
/* Inspiration: Sportsology clean card borders, Bloom numbered list */
.vc_column_container.has-background > .vc_column-inner {
	  border-radius: 12px !important;
	  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.vc_column_container.has-background > .vc_column-inner:hover {
	  transform: translateY(-4px) !important;
	  box-shadow: 0 20px 60px rgba(0,0,0,0.2) !important;
}

/* Dark service cards  refined */
[style*="background-color: #0d0d0d"] .vc_column-inner,
[style*="background-color:#0d0d0d"] .vc_column-inner,
.wpb_column .vc_column-inner[style*="background: #000"],
.vc_row .vc_col-sm-4 .vc_column-inner {
	  border-radius: 12px !important;
}

/* === SECTION HEADINGS  Bloom-style overline labels === */
/* Add eyebrow label styling */
.vc_custom_heading p:first-child,
.wpb_text_column > .wpb_wrapper > p:first-of-type:not(:only-child) {
	  font-size: 0.75rem !important;
	  font-weight: 600 !important;
	  letter-spacing: 0.15em !important;
	  text-transform: uppercase !important;
	  opacity: 0.6 !important;
	  font-family: 'Poppins', sans-serif !important;
	  margin-bottom: 0.5rem !important;
}

/* Section H2 headings  editorial sizing */
h2 {
	  font-size: clamp(2rem, 4vw, 3.5rem) !important;
	  line-height: 1.15 !important;
	  margin-bottom: 1.5rem !important;
}

/* === CLIENT LOGOS SECTION === */
/* Greyscale logos that brighten on hover  like both inspiration sites */
.vc_single_image-wrapper img,
.wpb_single_image img {
	  filter: grayscale(100%) !important;
	  opacity: 0.6 !important;
	  transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.vc_single_image-wrapper img:hover,
.wpb_single_image img:hover {
	  filter: grayscale(0%) !important;
	  opacity: 1 !important;
}

/* === INSIGHTS CARDS === */
/* Bloom-style article cards */
.blog-recent .post-featured-img,
article .post-featured-img,
.salient-blog-item img {
	  border-radius: 8px !important;
	  overflow: hidden !important;
	  transition: transform 0.4s ease !important;
}

.salient-blog-item:hover img,
article:hover .post-featured-img img {
	  transform: scale(1.03) !important;
}

/* Article tag pills  like Bloom */
.post-categories a,
.post-category a,
.cat-links a {
	  display: inline-block !important;
	  padding: 0.25rem 0.75rem !important;
	  border-radius: 50px !important;
	  background: rgba(212, 240, 0, 0.12) !important;
	  color: #d4f000 !important;
	  font-size: 0.7rem !important;
	  font-weight: 600 !important;
	  letter-spacing: 0.1em !important;
	  text-transform: uppercase !important;
	  font-family: 'Poppins', sans-serif !important;
	  text-decoration: none !important;
	  margin-right: 0.4rem !important;
	  margin-bottom: 0.5rem !important;
	  border: 1px solid rgba(212, 240, 0, 0.25) !important;
}

/* === BUTTONS  Bloom pill style === */
.nectar-button,
a.nectar-button,
.vc_btn3,
input[type="submit"],
button[type="submit"] {
	  border-radius: 50px !important;
	  font-family: 'Poppins', sans-serif !important;
	  font-weight: 600 !important;
	  letter-spacing: 0.05em !important;
	  transition: all 0.25s ease !important;
}

.nectar-button:hover,
a.nectar-button:hover {
	  transform: translateY(-2px) !important;
	  box-shadow: 0 8px 24px rgba(212, 240, 0, 0.25) !important;
}

/* === CONTACT FORM  cleaner inputs === */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
	  border-radius: 8px !important;
	  border: 1.5px solid #e0e0e0 !important;
	  padding: 0.9rem 1.1rem !important;
	  font-family: 'Poppins', sans-serif !important;
	  font-size: 0.95rem !important;
	  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	  background: #fff !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	  border-color: #d4f000 !important;
	  box-shadow: 0 0 0 3px rgba(212, 240, 0, 0.12) !important;
	  outline: none !important;
}

/* === FOOTER === */
/* Clean minimal footer like Bloom */
#footer-outer {
	  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

#footer-outer #footer-widgets {
	  padding: 3rem 0 !important;
}

/* === MOBILE RESPONSIVE FIXES === */
/* Stack About section images on mobile */
@media only screen and (max-width: 767px) {
	  /* Stack two-column layouts */
	  .vc_col-sm-6,
	  .vc_col-sm-4,
	.vc_col-sm-3 {
		    width: 100% !important;
		    float: none !important;
		    margin-bottom: 2rem !important;
	}
	
	  /* Reduce hero padding on mobile */
	.full-page-header .title-wrap {
		    padding: 4rem 1.5rem 2rem !important;
	}
	
	  /* Scale headings down on mobile */
	h1 {
		    font-size: 2.4rem !important;
		    line-height: 1.15 !important;
	}
	
	h2 {
		    font-size: 1.9rem !important;
	}
	
	  /* Ensure nav button visible on mobile */
	#header-outer .buttons a {
		    padding: 0.5rem 1rem !important;
		    font-size: 0.8rem !important;
	}
}

/* === ARTICLE PAGE IMPROVEMENTS === */
/* Breadcrumb back-link styling */
.post-header-text .entry-header,
.single-post-header {
	  padding-bottom: 2rem !important;
}

/* Article body typography */
.single-post .wpb_text_column p,
article.post p {
	  font-size: 1.05rem !important;
	  line-height: 1.8 !important;
	  max-width: 680px !important;
	  color: #1a1a1a !important;
}

/* Related articles section */
.related-posts-wrap {
	  border-top: 1px solid #eee !important;
	  padding-top: 3rem !important;
	  margin-top: 3rem !important;
}

/* Share buttons */
.sharedaddy {
	  border-top: 1px solid #eee !important;
	  padding-top: 1.5rem !important;
	  margin-top: 2rem !important;
}

/* === INSIGHTS PAGE === */
/* Grid layout improvements */
.blog-recent article,
.wpb_blog_posts article {
	  border-radius: 8px !important;
	  overflow: hidden !important;
	  transition: box-shadow 0.3s ease !important;
}

.blog-recent article:hover {
	  box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important;
}

/* === SCROLL ANIMATIONS  subtle fade in === */
.vc_row {
	  opacity: 1 !important;
}

/* === ACCESSIBILITY === */
/* Better focus states */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
	  outline: 2px solid #d4f000 !important;
	  outline-offset: 2px !important;
}

/* Skip to content */
.skip-link:focus {
	  position: fixed !important;
	  top: 1rem !important;
	  left: 1rem !important;
	  z-index: 99999 !important;
	  background: #000 !important;
	  color: #d4f000 !important;
	  padding: 0.5rem 1rem !important;
	  border-radius: 4px !important;
}

/* === PERFORMANCE  Remove Elementor empty spaces === */
.elementor-section {
	  margin: 0 !important;
}

/* Hide WordPress.com subscribe popup overlay */
.wpcom-subscriber-modal,
[class*="subscribe-overlay"],
[id*="subscribe-overlay"],
.jetpack-subscribe-modal {
	  display: none !important;
}
}
}
}
}
}
}
}
}
}
}
}
}
	}
	}
	}
	}
	}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
	}
}
}
}
}
}
	}
	}
	}
}
}
}
}
}

/* === FIX: Remove uppercase from service card paragraphs and intro text === */
.wpb_text_column > .wpb_wrapper > p:first-of-type:not(:only-child),
.wpb_text_column > .wpb_wrapper > p:first-child,
.wpb_text_column > .wpb_wrapper > p:only-child,
.wpb_text_column > .wpb_wrapper > p,
.vc_custom_heading p:first-child,
.vc_custom_heading p:only-child,
.vc_custom_heading p {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* === FIX: Remove duplicate LinkedIn icon (::after rendering second "in") === */
#social-in-menu i.fa-linkedin::after,
.button_social_group i.fa-linkedin::after {
  display: none !important;
  content: none !important;
}