/*   
	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
*/

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

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

.dialog-lightbox-close-button {
  text-decoration: none;
}
body {
    overflow-x: clip!important;
}

main#main {
    overflow-x: clip!important;
}
/*body*/
/* body .elementor-button-icon svg {
width: 1.4em !important;
} */
.sc-body-txt a{
color: #3cb889 !important;
}
.sc-body-txt a:hover{
color: #BD2841 !important;
}
.sc-body-txt-b strong{
  color: #0b4584 !important;
}
.sc-intro-txt a{
color: #3cb889 !important;
}
.sc-intro-txt a;hover{
color: #BD2841 !important;
}


/*footer*/
footer .elementor-button-icon svg {
width: 1.4em !important;
}
.sc-aspect-ratio-1 {
  aspect-ratio: 1;
}
/*diensten loop*/
.page-id-29 .sc-naam-verhaal {
    display: none !important;
}

.sc-knop-klantverhaal-dienst .elementor-button  {
    text-align: left !important;

}
/*chatbot*/
.sc-virtual-assistant-img{
    background-color: #0c4584 !important;
}

.sc-virtual-assistant-img:hover {
    transform: scale(1.3);
}

.sc-virtual-assistant-txt{
  display: none!important;
}
.sc-virtual-assistant:hover .sc-virtual-assistant-txt{
  display: block !important;
}

/*laatste post diensten*/
.post-665 .sc-knop-dienst {
  display: none !important;
}
.post-665 .sc-intro-txt-direct tbody{
   vertical-align: top !important;
}
.post-665 .sc-intro-txt-direct table {
  width: 100%;
}
/*geen regel afbreking*/
.sc-body-klant{
 text-overflow: ellipsis !important;
}
/*Medewerkers*/
.sc-cirkel {
  aspect-ratio: 1!important;        
  border-radius: 50%!important;       
}

.single-klantverhaal h2{
color: #0b4584 !important;
font-family: "Open Sans" !important;
margin-top: 40px !important;
}

/*single page klantenverhaal*/
.single-klantverhaal img.alignnone{
border-radius: 20px !important;
}
.single-klantverhaal img.alignleft{
border-radius: 20px !important;
}
.single-klantverhaal h3{
color: #0b4584 !important;
font-family: "Open Sans" !important;
}
body .elementor-button-icon svg {
   transform: scale(1.4)!important;
}


blockquote {
  display: flex;
  align-items: flex-start; /* icoon bovenaan uitlijnen */
  gap: 15px; /* ruimte tussen icoon en tekst */
  color: #3CB889;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 200% */
  font-family: "Open Sans", sans-serif;
  margin: 0; /* standaard blockquote-marges weg */
  width: 70%;
}

blockquote::before {
  content: "";
  flex: 0 0 55px; /* icoon breedte vastzetten */
  height: 55px;
  background-image: url("https://huismanpartners.nl/wp-content/uploads/2025/08/quote-icon-green-01.png");
  background-size: contain;
  background-repeat: no-repeat;
margin-top: 30px;

}
/*Cirkel blauw mobiel*/
@media only screen and (max-width: 766px) {
.sc-rondje{
  transform: scale(0.7) !important;

}
/*of ga direct mobiel*/
  table tbody tr {
    display: block;           /* Rij wordt blok */
  }

  table tbody tr td {
    display: block;           /* Cel wordt blok */
    width: 100%;              /* Volle breedte */
    margin-bottom: 0rem;      /* Ruimte tussen blokken */
  }
    table tbody tr td ul{
    margin: 0px;      /* Ruimte tussen blokken */
  }
 /* blockquote mobiel*/
blockquote {
width: 100%!important;
font-size: 18px;
font-weight: 700;
line-height: 30px; /* 200% */

}
blockquote::before {
    flex: 0 0 30px;
}
/*chatbot*/
.sc-virtual-assistant-img{
    transform: scale(0.6) !important;
    right: -50px !important;
    bottom: -50px !important;
}

.sc-virtual-assistant-img:hover{
    transform: scale(0.7) !important;}
}
/*cookie*/
#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    color: #0b4584 !important;
    font-size: 16px;
    font-family: "Open Sans" !important;
    margin-bottom: -10px !important;
}
p.cmplz-subtitle{
  margin-bottom: -4px !important;
  margin-top: -8px !important;
}

#cmplz-document p{
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

/*header menu*/
@media (min-width: 1025px) {
  .elementor-location-header .elementor-nav-menu li:last-of-type .elementor-item {
    border-radius: 20px;
    background: #BD2841 !important;
    color: #FFF !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 20px !important;
    padding: 10px 20px !important;
    margin-left: 40px !important;
    display: inline-block;
    transition: background 0.3s ease, color 0.3s ease;
  }

  .elementor-location-header .elementor-nav-menu li:last-of-type .elementor-item:hover {
    background: #3CB889 !important;
    color: #FFF !important;
  }
}

