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

.sc-body-txt a{
color:#0058A5!Important;
}

main {
    overflow-x: clip!important;
}
@media (min-width: 1025px) { /* Apply only on desktop */
    .sc-menu-items .elementor-nav-menu li.current-menu-item > a::before,
    .sc-menu-items .elementor-nav-menu li:hover > a::before {
        content: "";
        display: inline-block;
        width: 13px;  /* Adjust width */
        height: 13px; /* Adjust height */
        background-image: url('https://rickreamers.com/wp-content/uploads/2025/02/rick-reamers-menu-vierkant.svg')!important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 8px;
        vertical-align: middle;
        position: absolute;
        left: 0px; /* Moves icon to the left */
        top: 210%;
        transform: translateY(-50%);
    }

    /* Ensure submenus are NOT affected */
    .sc-menu-items .elementor-nav-menu .sub-menu a::before {
        content: none !important;
    }

    /* Make sure the menu links have enough space */
    .sc-menu-items .elementor-nav-menu > ul > li > a {
        position: relative;
        padding-left: 0px; /* Adjust to make space for the icon */
    }
}

/* Hoek */
.sc-hoek-rechts-klein {
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}
.sc-hoek-rechts-klein-vac {
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}

/* Opensollicitatie */
.sc-vacatureloop .post-587 h2{ 
    color:#ffffff !important;
}
.sc-vacatureloop .post-587 .sc-body-txt{ 
    color:#ffffff !important;
}
.sc-vacatureloop .e-loop-item:not(.post-587) .sc-vacature-knop-2 { 
    display: none !important;
 }
.sc-vacatureloop .post-587 .sc-vacature-knop-1 { 
   display: none !important;
}
/* YOUTUBE */
.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

/* list icon */
.sc-body-check li {
    list-style: none;
    padding-left: 5px; /* Ruimte maken voor de afbeelding */
    position: relative;
    line-height:1.5em!important;
}
	.sc-body-check li::before{
		content: "";
		position: absolute;
		left: -20px;
		top: 8px;
		/* transform: translateY(-50%); */
		width: 8px; /* Pas de breedte van de afbeelding aan */
		height: 8px; /* Pas de hoogte van de afbeelding aan */
		background-image: url('https://rickreamers.com/wp-content/uploads/2025/02/rick-reamers-menu-vierkant.svg'); /* Vervang met de juiste URL */
		
}

/* Link contactformulier */
.sc-formulier a{
    color: white !important;
    text-decoration: underline !important;
}

/*vacature diagram*/
span.apexcharts-legend-text {
    color: white !important;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left{
    display: grid!important;
}
.apexcharts-legend {
    display: grid!important;
}

.chart-box {
    background: black!important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5)important;
    border-color: black!important;
}
.apexcharts-legend.apexcharts-align-left.apx-legend-position-bottom{
left: 0px!important;
}