.elementor-1189 .elementor-element.elementor-element-a5e30b2{--display:flex;--min-height:300px;--justify-content:center;--overlay-opacity:0.8;}.elementor-1189 .elementor-element.elementor-element-a5e30b2:not(.elementor-motion-effects-element-type-background), .elementor-1189 .elementor-element.elementor-element-a5e30b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.fairlawnfootball.net/wp-content/uploads/2026/10/Screenshot-2026-10-12-175209.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1189 .elementor-element.elementor-element-a5e30b2::before, .elementor-1189 .elementor-element.elementor-element-a5e30b2 > .elementor-background-video-container::before, .elementor-1189 .elementor-element.elementor-element-a5e30b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1189 .elementor-element.elementor-element-a5e30b2 > .elementor-background-slideshow::before, .elementor-1189 .elementor-element.elementor-element-a5e30b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1189 .elementor-element.elementor-element-a5e30b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1189 .elementor-element.elementor-element-b37ece6{text-align:center;}.elementor-1189 .elementor-element.elementor-element-b37ece6 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:66px;color:#FFFFFF;}.elementor-1189 .elementor-element.elementor-element-7c491a2 .eael-breadcrumbs{justify-content:center;}.elementor-1189 .elementor-element.elementor-element-7c491a2 .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#FAFAFF00;border-style:none;color:var( --e-global-color-a185853 );}.elementor-1189 .elementor-element.elementor-element-7c491a2 .eael-breadcrumbs .eael-breadcrumbs__content a{color:#FFFFFF;}.elementor-1189 .elementor-element.elementor-element-7c491a2 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-1189 .elementor-element.elementor-element-7c491a2 .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-1189 .elementor-element.elementor-element-bac9999{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1189 .elementor-element.elementor-element-52bb9fd{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1189 .elementor-element.elementor-element-52bb9fd{--content-width:1440px;}}@media(max-width:767px){.elementor-1189 .elementor-element.elementor-element-a5e30b2{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1189 .elementor-element.elementor-element-b37ece6 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-e34799d *//* Import DM Sans Font */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* ==========================================
   Global Font & Sharp Square Design (NO BORDER RADIUS)
   ========================================== */

.sp_team *,
#custom-cheer-team *,
#footbaal-teams-cheers * {
    font-family: 'DM Sans', sans-serif !important;
    border-radius: 0 !important;
}

/* ==========================================
   Football Teams Cheers Grid Design (with "NO IMAGE" Placeholder)
   ========================================== */

#footbaal-teams-cheers,
#custom-cheer-team {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 20px 0 !important;
}

#footbaal-teams-cheers .sp-custom-teams-grid,
#custom-cheer-team .sp-custom-teams-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

#footbaal-teams-cheers .sp-custom-team,
#custom-cheer-team .sp-custom-team {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

#footbaal-teams-cheers .sp-custom-team:hover,
#custom-cheer-team .sp-custom-team:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    border-color: #CB1A2B !important;
}

/* Link Box Wrapper for Images */
#footbaal-teams-cheers .sp-custom-team > a,
#custom-cheer-team .sp-custom-team > a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 140px !important;
    margin-bottom: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Team Images */
#footbaal-teams-cheers .sp-custom-team img,
#custom-cheer-team .sp-custom-team img {
    max-height: 110px !important;
    width: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

#footbaal-teams-cheers .sp-custom-team:hover img,
#custom-cheer-team .sp-custom-team:hover img {
    transform: scale(1.05) !important;
}

/* AUTOMATIC "NO IMAGE" PLACEHOLDER FOR CARDS WITHOUT IMAGES */
#footbaal-teams-cheers .sp-custom-team:not(:has(img)) > a,
#footbaal-teams-cheers .sp-custom-team > a:empty,
#custom-cheer-team .sp-custom-team:not(:has(img)) > a,
#custom-cheer-team .sp-custom-team > a:empty {
    background: #f1f5f9 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='0' ry='0'%3E%3C/rect%3E%3Ccircle cx='12' cy='13' r='3'%3E%3C/circle%3E%3Cpath d='M12 3v2'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center 34px !important;
}

#footbaal-teams-cheers .sp-custom-team:not(:has(img)) > a::after,
#footbaal-teams-cheers .sp-custom-team > a:empty::after,
#custom-cheer-team .sp-custom-team:not(:has(img)) > a::after,
#custom-cheer-team .sp-custom-team > a:empty::after {
    content: "NO IMAGE" !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    color: #64748b !important;
    position: absolute !important;
    bottom: 26px !important;
}

/* Team Title Styling */
#footbaal-teams-cheers .sp-custom-team h3,
#custom-cheer-team .sp-custom-team h3 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    width: 100% !important;
}

#footbaal-teams-cheers .sp-custom-team h3 a,
#custom-cheer-team .sp-custom-team h3 a {
    color: #0f172a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: block !important;
    padding: 4px 0 !important;
}

#footbaal-teams-cheers .sp-custom-team h3 a:hover,
#custom-cheer-team .sp-custom-team h3 a:hover {
    color: #CB1A2B !important;
}

/* Accent top border stripe on hover */
#footbaal-teams-cheers .sp-custom-team::after,
#custom-cheer-team .sp-custom-team::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
}

#footbaal-teams-cheers .sp-custom-team:hover::after,
#custom-cheer-team .sp-custom-team:hover::after {
    background: #CB1A2B !important;
}

/* ==========================================
   Responsive Breakpoints
   ========================================== */

@media screen and (max-width: 900px) {
    #footbaal-teams-cheers .sp-custom-teams-grid,
    #custom-cheer-team .sp-custom-teams-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media screen and (max-width: 580px) {
    #footbaal-teams-cheers .sp-custom-teams-grid,
    #custom-cheer-team .sp-custom-teams-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}/* End custom CSS */