/*
      ___                         ___     
     /  /\         _____         /__/\    
    /  /:/_       /  /::\       |  |::\   
   /  /:/ /\     /  /:/\:\      |  |:|:\  
  /  /:/ /::\   /  /:/~/::\   __|__|:|\:\ 
 /__/:/ /:/\:\ /__/:/ /:/\:| /__/::::| \:\
 \  \:\/:/~/:/ \  \:\/:/~/:/ \  \:\~~\__\/
  \  \::/ /:/   \  \::/ /:/   \  \:\      
   \__\/ /:/     \  \:\/:/     \  \:\     
     /__/:/       \  \::/       \  \:\    
     \__\/         \__\/         \__\/    

 Theme Name:   	S.B.M. - De gezelligste club van Tilburg -
 Description:  	This is a child theme for S.B.M.
 Author:       	Squido Concept & Design
 Author URI:   	https://www.squido.nl

*/

div.wpforms-container-full .wpforms-confirmation-container-full {
    background: none !important;
    border: 0px solid #fff !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p {
    color: #fff !important;
    font-family: 'Barlow' !important;
}

.grecaptcha-badge{
  z-index: 999999 !important;
  bottom: 12px !important;
  right: 12px !important;
}

nav.navbar.validnavs.navbar-fixed.no-background .logo-display {
            margin-top: 24px;
}

.page-id-2005 h-captcha.h-captcha,
.page-id-6319 h-captcha.h-captcha {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.blog-area.full-blog h3 {
    margin-top: 36px !important;
}

h-captcha.h-captcha {
    margin-top: 26px !important;
    margin-left: 16px !important;
}

.form-group.full-width.submit {
    margin-top: 19px !important;
    margin-left: 10px !important;
}

.bg-dark .testimonial-style-three-item::after {
    background: #e52a1e !important;
}

.bg-dark .testimonial-style-three-item {
    background: linear-gradient(0deg, #1d1d1d 20%, #161616 100%) !important;
}

.bg-dark h2.text-large-gradient {
    background: linear-gradient(90deg, #1f1f1f 0%, var(--color-primary) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.white .sa_owl_theme .owl-nav .owl-next {
    background: rgba(0, 0, 0, 0.0) url(../images/icon_next.png) no-repeat center center !important;
    margin-right: -100px;
    border: 1px solid #fff;
    border-radius: 38px;
    height: 60px !important;
    width: 60px !important;
}

.white .sa_owl_theme .owl-nav .owl-prev {
    background: rgba(0, 0, 0, 0.0) url(../images/icon_next.png) no-repeat center center !important;
    Margin-left: -100px;
    border: 1px solid #fff;
    border-radius: 38px;
    height: 60px !important;
    width: 60px !important;
}

/* — basis (mag je laten zoals je al had) — */
#slider_4225 { position: relative; overflow: visible; }
#slider_4225 .owl-nav{
  position: absolute; inset: 0; z-index: 10; pointer-events: none;
}
#slider_4225 .owl-nav .owl-prev,
#slider_4225 .owl-nav .owl-next{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 64px; height: 64px; box-sizing: border-box;
  padding: 0; margin: 0; line-height: 0;
  border: 1px solid #fff !important; border-radius: 50%;
  background: transparent !important; background-image: none !important;
  pointer-events: auto;
  transition: background-color .2s ease, border-color .2s ease;
}
#slider_4225 .owl-nav .owl-prev{ left:  -100px; }
#slider_4225 .owl-nav .owl-next{ right: -100px; }

/* — oude pseudo’s weg — */
#slider_4225 .owl-nav .owl-prev::before,
#slider_4225 .owl-nav .owl-next::before{ content: none !important; }

/* — CHEVRON: absoluut EXACT in het midden — */
#slider_4225 .owl-nav .owl-prev::after,
#slider_4225 .owl-nav .owl-next::after{
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 18px; height: 18px;           /* pijlmaat, evt. 16–20 proberen */
  box-sizing: content-box;
  background: transparent;
  border: none;
  border-right: 2px solid #fff;        /* hol pijltje: 2 lijntjes */
  border-bottom: 2px solid #fff;
  transform: translate(-50%, -50%) rotate(-45deg);  /* ➜ */
}
#slider_4225 .owl-nav .owl-prev::after{
  transform: translate(-50%, -50%) rotate(135deg);  /* ← */
}

/* — hover: zachte vulling, outline 100% wit — */
#slider_4225 .owl-nav [class*="owl-"]:hover{
  background: rgba(255,255,255,.25) !important;     /* .20–.30 naar smaak */
  border-color: #fff !important;
  background-image: none !important;
}

/* schuif de chevrons 13px naar binnen/buiten */
#slider_4225 .owl-nav .owl-prev::after{
  left: calc(50% + 6px) !important;   /* 13px naar rechts */
}

#slider_4225 .owl-nav .owl-next::after{
  left: calc(50% - 3px) !important;   /* 13px naar links */
}


/* 2 kolommen, verhouding 40/60 (= 2/3), met 100px tussenruimte */
.custom-two-col{
  display: grid;
  grid-template-columns: 1.9fr 3.1fr;  /* i.p.v. 40% 60% */
  column-gap: 90px;
  align-items: start;
  box-sizing: border-box;
}
.custom-two-col > *{ min-width:0; }      /* voorkomt extra overflow in kolommen */
.custom-two-col .ttapp-wrap{ width:100%; }

/* mobiel stapelen */
@media (max-width: 900px){
  .custom-two-col{ grid-template-columns: 1fr; column-gap:0; row-gap:32px; }
}

.elementor-element.elementor-element-db6bebb.ttapp-top-slug.elementor-widget.elementor-widget-heading {
    padding: 8px 30px 8px 30px;
}

.fun-fact-style-two .counter {
    font-family: sora-extrabold !important;
}

.banner-ten-content h2 strong::after {
    bottom: 0px !important;
}

html.sbm-ls-top .navbar-brand>img {
    position: absolute;
}

/* Basismaat bovenaan pagina */
.brand-logo {
  width: 182px;
  height: auto;
}

/* Zodra de sentinel NIET meer in beeld is (dus je hebt naar beneden gescrold):
   verklein het logo. Geen transition = geen effect, direct wisselen. */
body:has(.scroll-sentinel:not(:in-view)) .brand-logo {
  width: 87px;
}

/* Optioneel: maak de sentinel onzichtbaar en zonder hoogte */
.scroll-sentinel {
  display: block;
  height: 1px;     /* mini prikkertje */
  margin-top: -1px;/* zodat hij visueel wegvalt aan de bovenrand */
  pointer-events: none;
  opacity: 0;
}

.team-style-one-items .nav-tabs li.nav-item .nav-link.active {
    color: #fff !important;
}

.bg-dark .footer-contact ul li:nth-child(2) a {
    font-family: 'sora-bold' !important;
}

.service-list li a {
  font-size: 24px; /* maakt alleen de tekst groter */
  font-weight: bold;
}

.service-list li a span {
  font-size: 14px; /* nummers blijven kleiner */
  margin-right: 8px; /* optioneel: wat ruimte tussen nummer en tekst */
}

/* S.B.M. Speler */

/* Afbeelding naar rechts & iets hoger */
.elementor-page-28 .thumb-style-four{
  position: relative;
  transform: translate(0px, -39px);
  width: 102%;
  margin-bottom: -39px;
  /* géén negative margin meer nodig */
}

/* Rand onderaan weg: sectie sluit aan op de volgende */
.elementor-page-28 .default-padding:has(.thumb-style-four){
  padding-bottom: 0 !important;
}

/* Eventueel mini-randje onder de img voorkomen */
.elementor-page-28 .thumb-style-four img{
  display: block;
}

.sbm-speler .thumb-style-four {
    width: 120%;
    margin-top: -130px;
}
/* S.B.M. Speler einde */

.bg-dark .portfolio-style-three-item {
    border: 5px solid #0e0f11 !important;
}

.footer-item .top img {
    height: 144px !important;
}

.page-id-6319 div#anchor, .page-lidmaatschap div#anchor, .page-id-2005 div#anchor {
    border-width: 0px !important;
    border-style: none !important;
}

label.wpforms-field-label, legend.wpforms-field-label {
    font-weight: normal !important;
    font-family: 'Barlow';
    font-size: 20px;
}

select#wpforms-6325-field_4, input#wpforms-6325-field_7, .wpforms-field-row.wpforms-field-medium {
    min-width: 100%;
}

.lidmaatschap {
    border: 1px solid #575757 !important;
    border-radius: 30px;
    padding: 20px 40px 20px 40px;
}

/* Basis kleur */
#wpforms-6325 button.wpforms-submit{
    background-color: #cc3d32 !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Hover kleur */
#wpforms-6325 button.wpforms-submit:hover{
    background-color: #a0322a !important;
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Schuine overlay uitschakelen */
#wpforms-6325 button.wpforms-submit::before,
#wpforms-6325 button.wpforms-submit::after{
    content: none !important;
    display: none !important;
}

/* Focus ring volledig weg */
#wpforms-6325 button.wpforms-submit:focus,
#wpforms-6325 button.wpforms-submit:focus-visible,
#wpforms-6325 button.wpforms-submit:active{
    outline: none !important;
    box-shadow: none !important;
}

ul.address-list li p {
    margin-bottom: 0;
    font-size: 20px;
}

button#wpforms-submit-6325, button#wpforms-submit-6334 {
    font-family: 'sora-bold';
    font-size: 18px;
}

.elementor-element.elementor-element-b65b651.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin-bottom: -29px;
}

div#sbm-tt-dutch-hud {
    display: none;
}

@media (min-width: 2560px){
  .sbm-scale-content {
    transform: scale(1.15);
    transform-origin: center center;
    width: calc(100% / 1.15);
  }
}

@media (min-width: 2560px){
.sbm-tab1, .sbm-tab2 {
    transform: scale(1.05);
    transform-origin: left center;
    width: calc(100% / 1.05);
  }
}

@media (min-width: 2560px){
.sbm-tab3 {
    transform: scale(1.20);
    transform-origin: left center;
    width: calc(100% / 1.20);
  }
}

@media (min-width: 2560px){
  .sbm-tabtotaal{
    left: -450px !important;  /* extra voor ultrawide */
  }
}

body.home a.elementor-button.elementor-button-link.elementor-size-sm{
  margin-top: 20px;
}

.elementor-2005 .elementor-element.elementor-element-4cbf967::before,
.elementor-2005 .elementor-element.elementor-element-4cbf967 > .elementor-background-video-container::before,
.elementor-2005 .elementor-element.elementor-element-4cbf967 > .e-con-inner > .elementor-background-video-container::before,
.elementor-2005 .elementor-element.elementor-element-4cbf967 > .elementor-background-slideshow::before,
.elementor-2005 .elementor-element.elementor-element-4cbf967 > .e-con-inner > .elementor-background-slideshow::before,
.elementor-2005 .elementor-element.elementor-element-4cbf967 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {

    background-image: url(https://ttvsbm.squido.nl/wp-content/uploads/2026/02/ruud-en-bram.png);
    --background-overlay: '';
    background-position: center calc(50% + 100px) !important;
    background-size: cover;
}