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

.elementor-widget-text-editor p:last-child {
   margin-bottom: 0!important;
}
.elementor-widget-text-editor p:first-child {
margin-top: 0 !important;
}

main {
    overflow-x: clip!important;
}
/*form vergaderen*/
.sc-form a{
    color: #959d7a;
}
.sc-form a:hover{
    color:#959d7a;
}


/*twee kleuren koppen*/
.sc-twocolor {
  color: #949D7A !important;
}
/*flipbox*/
span.elementor-flip-box__button.elementor-button.elementor-size-md {
    padding: 0px!important;
}
span.elementor-flip-box__button.elementor-button.elementor-size-md::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url('https://studiocampo.eu/hex/wp-content/uploads/2026/06/arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
  vertical-align: middle;
  padding:0px !important;
}
/*nieuwepagina*/
.sc-nieuws-bg{
 background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
}

/*hover icon lichte knop
.sc-knop-dia .elementor-button-icon {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
}
*/
/* standaard icon 
.sc-knop-dia .elementor-button-icon svg,
.sc-knop-dia .elementor-button-icon i {
    display: block!important;
}
*/
/* hover: originele icon weg */
.sc-knop-dia:hover .elementor-button-icon svg,
.sc-knop-dia:hover .elementor-button-icon i {
    display: none!important;
}

/* hover: nieuwe svg tonen als background */
.sc-knop-dia:hover .elementor-button-icon {
    width: 1em!important;
    height: auto!important;
    background: url("https://studiocampo.eu/hex/wp-content/uploads/2026/06/arrow-gallery-richt.svg") center center no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sc-knop-dia-2:hover .elementor-button-icon svg,
.sc-knop-dia-2:hover .elementor-button-icon i {
    display: none!important;
}
.sc-knop-dia-2:hover .elementor-button-icon {
    width: 1em!important;
    height: auto!important;
    background: url("https://studiocampo.eu/hex/wp-content/uploads/2026/06/arrow-brown.svg") center center no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: row;
    justify-content: center;
}