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

.menu-coner{
clip-path: polygon(0 0, 0% 100%, 100% 0);}

.menu-left {
    position: relative;
    background: #fff;
    z-index: 2;
}

.menu-left::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    width: 100vw;
    background: #fff;
    z-index: -1;
}
.header2 {
  background-color: transparent !important;
  transition: background-color 0.3s ease;
}
.header2.is-scrolled {
  background-color: #ffffff !important;
}

.sc-cont .elementor-icon-list-text {
  transition: color 0.3s ease;
}
.header2.is-scrolled .sc-cont .elementor-icon-list-text {
  color: #000000 !important;
}
.box{
  clip-path: polygon(15% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 15%);
  background-color: #a9cfe0; /* jouw kleur */
}
.box2{
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 15%);
  background-color: #a9cfe0; /* jouw kleur */
}


.hoek1 {
  clip-path: polygon(15% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 15%);
}


.hoek2 {
  clip-path: polygon(
    0 0,
    calc(100% - 100px) 0,
    100% 100px,
    100% 100%,
   100px 100%,
    0 calc(100% - 100px)
  );
}
.hoek4 {
  clip-path: polygon(
    60px 0%,
    100% 0%,
    100% calc(100% - 60px),
    calc(100% - 60px) 100%,
    0% 100%,
    0% 60px
  );
}

.hoek5 {
  clip-path: polygon(
    100px 0%,
    100% 0%,
    100% calc(100% - 100px),
    calc(100% - 100px) 100%,
    0% 100%,
    0% 100px
  );
}