/*   
	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;
}
main {
    overflow-x: clip!important;
}

main#main {
    overflow-x: clip!important;
} 
header {
    overflow-x: clip!important;
} 

/*menu*/
/* .sc-right-hoek{
float: left;
    display: inline-block;
    -webkit-transform: skew(-11deg);
    -moz-transform: skew(-11deg);
    -o-transform: skew(-11deg);
    overflow-x: clip!important;

} */
 /* .sc-tekst {
  -webkit-transform: skew(11deg);
  -moz-transform: skew(11deg);
  -o-transform: skew(11deg);
  transform: skew(11deg);
} */



/*h1 txt home*/
.blauw {
  color: #429ACF;
}
/*Links*/
.sc-intro-txt a{
  text-decoration: underline !important;
}
.sc-intro-txt a:hover{
  color:#101011 !important;
}

/*footer*/
.schuine-rechterkant::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px; /* breedte van de schuine rand */
  height: 100%;
  background: #429ACF !important;
  transform: skewX(-11deg);
  transform-origin: top right;
}

.sc-footer-menu .menu-item::before {
  content: "> ";
  margin-right: 10px;
  color: inherit;
  font-weight: bold;
  color:#429ACF !important;
  font-size:12px;
}
.sc-footer-menu .menu-item {
  display: flex;
  align-items: center;
}

/*formulier*/
.sc-body-txt-form a{
  color:#429ACF !important;
}

/*up-down script*/
.moving-icon {
  animation: moveUpDown 3s ease-in-out infinite;
  display: block;
  margin: auto;
  animation-play-state: running; /* standaard: animatie loopt */
}

/* Stop animatie bij hover */
.moving-icon:hover {
  animation-play-state: paused; /* stopt animatie bij hover */
}

/* Define the keyframes for the movement */
@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}