/*   
	Theme Name:        Studio Campo Theme
	Theme URI:         https://studiocampo.nl
	Description:       Studio Campo theme.
	Author:            Studio Campo
	Author URI:        https://studiocampo.nl
	License:           GNU General Public License v3 or later.
	License URI:       https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:       sc-theme
*/
/*site overflow*/
main {
    overflow-x: clip!important;
}

main#main {
    overflow-x: clip!important;
}

/*off-canvas*/
body {
  overflow-y: scroll !important;
}

/* Algemeen */
html,
body {
  padding: 0;
  margin: 0;
}

a,
input,
button,
select,
textarea,
i {
  outline: none;
}

.dialog-lightbox-close-button {
  text-decoration: none !important;
}

.elementor-widget-text-editor p {
    margin: 0 !important;
}
.selector p {
    margin-bottom: 0 !important;
}
/* Header*/
.my-header {
	transition: background-color 0.8s ease!important;
  }
  
.my-header.scrolled {
    background: linear-gradient(
        180deg,
        rgba(94, 110, 179, 1) 0%,
        rgba(94, 110, 179, 0.75) 100%
    );

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari, want natuurlijk */
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
/*vlakke halve bol image*/
.elementor-1402 .elementor-element.elementor-element-f80eaa7::before{
	background-position:center right -7px !important;
}
/*Cookie*/
button.cmplz-btn.cmplz-deny {
    color: black !important;
}
button.cmplz-btn.cmplz-view-preferences{
    color: black !important;
}

/*formulier*/
.sc-form a{
  color: #5e6eb3 !important;
}
.sc-form a:hover{
  color: #5e6eb3 !important;
}

/*Knop blog/niuews*/
a.knop, .button, a.button, button {
    font-family: "futura-pt", Sans-serif;
    color: white !important;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.8px;
    fill: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 20px 20px 20px 20px;
    padding: 5px 11px 5px 11px;
}

a.knop {
   color: white!important;
   font-family: "futura-pt", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.8px;
    fill: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 20px 20px 20px 20px;
    padding: 5px 11px 5px 11px;
}
a.knop, .button, a.button, button {
    font-family: "futura-pt", Sans-serif;
    color: white !important;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.8px;
    fill: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 20px 20px 20px 20px;
    padding: 5px 11px 5px 11px;
}
a.knop:hover {
   color: white!important;
    background-color:#5e6eb3;
}

/* Off-canvas open → altijd default icoon */
.e-off-canvas__overlay .header-icon--default {
  display: inline-block !important;
}

.e-off-canvas__overlay .header-icon--nieuws {
  display: none !important;
}

/* basis: altijd afbeelding 1 */
.header-icon--default {
  display: inline-block;
}

.header-icon--nieuws {
  display: none;
}

/* pagina’s waar start = afbeelding 2 */

.single-partner .header-icon--default,
.single-nieuws .header-icon--default,
.page-id-17 .header-icon--default,
.page-id-21 .header-icon--default,
.page-id-23 .header-icon--default,
.page-id-1402 .header-icon--default,
.page-contact .header-icon--default {
  display: none;
}
.single-partner .header-icon--nieuws,
.single-nieuws .header-icon--nieuws,
.page-id-17 .header-icon--nieuws,
.page-id-21 .header-icon--nieuws,
.page-id-23 .header-icon--nieuws,
.page-id-1402 .header-icon--nieuws,
.page-contact .header-icon--nieuws {
  display: inline-block;
}

/* bij scroll → terug naar afbeelding 1 */
.single-partner.scrolled .header-icon--default,
.single-nieuws.scrolled .header-icon--default,
.page-id-17.scrolled .header-icon--default,
.page-id-21.scrolled .header-icon--default,
.page-id-23.scrolled .header-icon--default,
.page-id-1402.scrolled .header-icon--default,
.page-contact.scrolled .header-icon--default {
  display: inline-block;
}
.single-partner.scrolled .header-icon--nieuws,
.single-nieuws.scrolled .header-icon--nieuws,
.page-id-17.scrolled .header-icon--nieuws,
.page-id-21.scrolled .header-icon--nieuws,
.page-id-23.scrolled .header-icon--nieuws,
.page-id-1402.scrolled .header-icon--nieuws,
.page-contact.scrolled .header-icon--nieuws {
  display: none;
}


/* Geen padding om paragrafen */
.elementor-widget-text-editor
  .elementor-widget-container
  > :first-child:is(p, ul, ol),
.elementor-widget-text-editor
  .elementor-widget-container
  .elementor-text-editor
  > :first-child:is(p, ul, ol) {
  margin-block-start: 0 !important;
}
.elementor-widget-text-editor
  .elementor-widget-container
  > :last-child:is(p, ul, ol),
.elementor-widget-text-editor
  .elementor-widget-container
  .elementor-text-editor
  > :last-child:is(p, ul, ol) {
  margin-block-end: 0 !important;
}

.dialog-lightbox-close-button {
  text-decoration: none;
}

/*body*/
 .sc-bestdental span b {
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
font-size: 33px!important;
font-style: normal!important;
font-weight: 700!important;
line-height: normal!important;
}
  .sc-bestdental span  {
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
font-size: 33px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: normal!important;
}

/*slider home*/
.sc-loop-home-review 
.swiper-slide:not(.swiper-slide-active) {
    opacity: 0.4;
}

/*Equale Hights loop*/
.sc-specialisme{
    height: 100% !important;
}
.sc-diensten-loop
{
    height: 100% !important;
}



/* TEKST NIET ACTIEF */
.sc-loop-home-review 
.swiper-slide:not(.swiper-slide-active) h3,
.sc-loop-home-review 
.swiper-slide:not(.swiper-slide-active) .sc-body-txt,
.sc-loop-home-review 
.swiper-slide:not(.swiper-slide-active) .sc-locatie-txt {
    opacity: 0.4;
    color: transparent;
    text-shadow: 0 0 5px rgba(8, 170, 154, 0.57);
}

/* IMAGE NIET ACTIEF */
.sc-loop-home-review 
.swiper-slide:not(.swiper-slide-active) img {
    filter: blur(2px);
}

/* ACTIEF = MET RUST LATEN */
.sc-loop-home-review 
.swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.sc-loop-home-review 
.swiper-slide.swiper-slide-active h3,
.sc-loop-home-review 
.swiper-slide.swiper-slide-active .sc-body-txt,
.sc-loop-home-review 
.swiper-slide.swiper-slide-active .sc-locatie-txt {
    opacity: 1 !important;
    color: inherit !important;
    text-shadow: none !important;
}

.sc-loop-home-review 
.swiper-slide.swiper-slide-active img {
    filter: none !important;
}

/*flipbox*/
.flipbox {
    position: relative;
    perspective: 1000px;
    width: 100%;
    height: 300px; /* belangrijk: hoogte vastzetten */
}

.flipbox-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .6s ease;
}

/* hover of click */
.flipbox:hover .flipbox-inner,
.flipbox.is-flipped .flipbox-inner {
    transform: rotateY(180deg);
}

/* FRONT + BACK = exact over elkaar */
.flipbox-front,
.flipbox-back {
    position: absolute;
    inset: 0;              /* top/right/bottom/left = 0 */
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* achterkant draaien */
.flipbox-back {
    transform: rotateY(180deg);
}

.flipbox-back{
  position: absolute !important;
}

/*blog nieuws*/
.single-nieuws strong{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: 25px;
font-weight: 700!important;
margin-top: 35px !important;
line-height: 1.1em!important;
color: #5E6EB3 !important;
  }
.single-nieuws h2{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: 25px;
font-weight: 700!important;
margin-top: 35px !important;
line-height: 1.1em!important;
color: #5E6EB3 !important;
  }
  .single-nieuws h3{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: 25px;
font-weight: 700!important;
margin-top: 35px !important;
line-height: 1.1em!important;
color: #5E6EB3 !important;
  }

.single-nieuws li::marker{
color:#5E6EB3 !important;

}
/*Partners*/
.single-partner strong{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: 25px;
font-weight: 700!important;
margin-top: 35px !important;
line-height: 1.1em!important;
color: #5E6EB3 !important;
  }
.single-partner h2{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: 25px;
font-weight: 700!important;
margin-top: 35px !important;
line-height: 1.1em!important;
color: #5E6EB3 !important;
  }
  .single-partner h3{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: 25px;
font-weight: 700!important;
margin-top: 35px !important;
line-height: 1.1em!important;
color: #5E6EB3 !important;
  }

.single-partner li::marker{
color:#5E6EB3 !important;
}

.tablepress {
    --text-color: var(--e-global-color-text);
    --head-text-color: var(--e-global-color-text);
    --head-bg-color: #ffffff!important;
    --padding: 0.1rem!important;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%;
}
.tablepress>:where(thead)+tbody>:where(:not(.child))>*, .tablepress>tbody>*~:where(:not(.child))>*, .tablepress>tfoot>:where(:first-child)>* {
    border-top: 0px solid var(--border-color)!important;
}

/*download over*/
.sc-marketing{
  background: linear-gradient(to right, #5e6eb3 50%, #F5F5F5 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}
.sc-marketing:hover .sc-marketing-titel-color,.sc-marketing:hover .sc-marketing-titel-colorh2 {
  color: white!important;
}
.sc-marketing:hover {
 background-position: left bottom;}