/*   
	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;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
}

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

.elementor-element[data-element_type="container"] {
  max-width: 100%;
}

.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;
}

/* Links */
.elementor-widget-text-editor a {
  color: var(--e-global-color-accent);
}
.elementor-widget-text-editor a:hover {
  color: var(--e-global-color-secondary);
}
.elementor-field-type-acceptance a {
  color: var(--e-global-color-secondary);
}
.elementor-field-type-acceptance a:hover {
  color: var(--e-global-color-primary);
}

/* Header */
.sc-hoofdmenu .sc-hoofdmenu {
  padding: 0 !important;
}

/* Pagina */
.sc-aspect-ratio-1 {
  aspect-ratio: 1;
}
.sc-aspect-ratio-3-2 {
  aspect-ratio: 3/2;
}

/* Home */
.sc-home-diensten .sc-dienst:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);

  .sc-dienst-knop-tekst {
    color: var(sc-dienst-knop-tekst) !important;
  }
  .sc-dienst-knop-icoon {
    transform: scale(1.25);
    transition: 0.3s;
  }
  .sc-dienst-knop-icoon svg {
    fill: var(--e-global-color-accent) !important;
  }
  .elementor-heading-title {
    color: var(--e-global-color-accent) !important;
  }
}

/* Projecten */
.sc-projecten .sc-project:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);

  .sc-project-img {
    background-size: cover !important;
    background-position: center !important;
  }
  .sc-project-knop-tekst {
    color: var(sc-dienst-knop-tekst) !important;
  }
  .sc-project-knop-icoon {
    transform: scale(1.25);
    transition: 0.3s;
  }
  .sc-project-knop-icoon svg {
    fill: var(--e-global-color-513d936) !important;
  }
  .elementor-heading-title {
    color: var(--e-global-color-513d936) !important;
  }
}

/* Diensten */
.sc-dienst-content .elementor-widget-text-editor h2 {
  margin-top: 60px;
}