/*   
	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 {
  background: #fff;
  font-family: Open Sans;
}

html,
body {
  padding: 0;
  margin: 0;
}

main {
  overflow-x: clip;
}

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

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

.sc-asprectratio-5-3 {
  aspect-ratio: 5/3;
}

.elementor-widget-text-editor sup {
  line-height: 0;
  vertical-align: super;
}

/* Titels */
.sc-kop-streep:before {
  content: "";
  display: block;
  width: 70px;
  padding-bottom: 25px;
  border-top: 3px solid var(--e-global-color-primary);
}
.sc-kop-streep.sc-center:before {
  margin-left: auto;
  margin-right: auto;
}
.sc-kop-streep.sc-right:before {
  margin-right: 0;
}
@media (max-width: 767px) {
  .sc-kop-streep:before {
    margin-top: 15px !important;
    padding-bottom: 15px;
  }
}
.sc-product:hover {
  transform: scale(1.01);
}

/* Links */
.elementor-widget-text-editor a {
  color: var(--e-global-color-primary);
}
.elementor-widget-text-editor a:hover {
  text-decoration: underline;
}

/* Popups */
.dialog-type-lightbox {
  z-index: 99999 !important;
}

/* Header */
@media (min-width: 1025px) {
  .sc-contact-menu-item {
    background: var(--e-global-color-accent);
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 10px !important;
  }
  .sc-hoofdmenu .menu-item a:hover,
  .sc-hoofdmenu .menu-item a.elementor-item-active {
    text-decoration: underline;
    text-decoration-thickness: 2px;
  }
  .sc-hoofdmenu .sub-menu .menu-item a:hover,
  .sc-hoofdmenu .sub-menu .menu-item a.elementor-item-active {
    text-decoration: none;
  }
}

/* Footer */
.sc-footer-content a {
  color: #fff;
}
.sc-footer-content a:hover {
  color: var(--e-global-color-primary);
  transition: 0.3s;
}
.sc-footer-copyright a {
  color: var(--e-global-color-secondary);
}

/* Home */
@media (max-width: 1500px) {
  .sc-weku-vorm {
    display: none;
  }
}
.sc-col-naast-fullwidth {
  max-width: 100%;
}
.sc-logo-carousel {
  opacity: 0.4;
}

/* Formulieren */
.elementor-field-type-acceptance a {
  color: var(--e-global-color-primary);
}

/* Werkwijze blok */
.sc-werkwijze-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: -60px;
  width: 60px;
  height: 100%;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.sc-werkwijze-item.sc-afspraak::after {
  background: url(https://studiocampo.eu/weku/wp-content/uploads/2024/06/WEKU-arrow-afspraak.png);
}
.sc-werkwijze-item.sc-meten::after {
  background: url(https://studiocampo.eu/weku/wp-content/uploads/2024/06/WEKU-arrow-meten.png);
}
@media (max-width: 1025px) {
  .sc-werkwijze-item::after {
    right: -30px;
    width: 30px;
  }
}
@media (max-width: 767px) {
  .sc-werkwijze-item::after {
    display: none;
  }
}

/* Pagina's */
.sc-icon-wit path {
  fill: #fff;
}
.sc-google-map {
  filter: grayscale(100%);
  transition: 0.5s !important;
}
.sc-google-map:hover {
  filter: grayscale(0%);
}

/* Projecten overzicht */
.sc-project-img {
  background-size: cover;
}

.sc-project-carrousel .swiper-wrapper,
.sc-project-carrousel .elementor-carousel-image {
  cursor: pointer !important;
}