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

main#main {
    overflow-x: clip!important;
}
.dialog-lightbox-close-button {
  text-decoration: none;
}
/*header*/
a#elementor-menu-cart__toggle_button {
    background: white!important;
    border: none!important;
}

.vierkant {
  aspect-ratio: 1 / 1;
  width: 100%;
}

span.sku_wrapper.detail-container {
    display: none!important;
}

div[swatches-attr="attribute_pa_kleur"] .cfvsw-swatch-inner { 
   font-size: 0px !important;
    padding: 10px!important;
    border-radius: 50%!important;
}
div[swatches-attr="attribute_pa_kleur"] .cfvsw-swatches-option{
padding: 0px!important;
}

div[swatches-attr="attribute_pa_kleuren"] .cfvsw-swatch-inner { 
   font-size: 0px !important;
    padding: 10px!important;
    border-radius: 50%!important;
}
div[swatches-attr="attribute_pa_kleuren"] .cfvsw-swatches-option{
padding: 0px!important;
}

.cfvsw-swatches-container.cfvsw-product-container {
    padding: 10px!important;
}
/*vanaf tekst*/
.page-id-2 span.price::before {
  content: "Vanaf ";
  font-weight: normal; /* eventueel aanpassen */
  color: inherit; /* neemt kleur van de prijs over */
}

[data-slug="rood"] .cfvsw-swatch-inner { 
  background-color: #d30d0d;}

[data-slug="zwart"] .cfvsw-swatch-inner { 
  background-color: black;}

[data-slug="wit"] .cfvsw-swatch-inner { 
  background-color: white;}

[data-slug="geel"] .cfvsw-swatch-inner { 
  background-color: #f0e131;}

[data-slug="oranje"] .cfvsw-swatch-inner { 
  background-color: #e87606;}

[data-slug="groen"] .cfvsw-swatch-inner { 
  background-color: #047848;}

[data-slug="mint"] .cfvsw-swatch-inner { 
  background-color: #3EB489;}

[data-slug="roze-blauw"] .cfvsw-swatch-inner { 
  background: linear-gradient(to right, pink, #0071C0);}

[data-slug="licht-blauw"] .cfvsw-swatch-inner { 
  background-color: #4ca8da;}

[data-slug="donker-blauw"] .cfvsw-swatch-inner { 
  background-color: #293374;}

[data-slug="blauw"] .cfvsw-swatch-inner { 
  background-color: #0071C0;}

[data-slug="licht-roze"] .cfvsw-swatch-inner { 
 background-color: #e787b5;}

[data-slug="donker-roze"] .cfvsw-swatch-inner { 
 background-color: #ca1c67;} 

/*product single*/
span.sku_wrapper.detail-container {
    display: none !important;
}
span.woocommerce-Price-currencySymbol {
    color: black !important;
}
.price{
      color: black !important;
      
}
.woocommerce-variation-price{
margin-bottom: 20px !important;
}

.woocommerce div.product form.cart .reset_variations{
     color: #4ca8da!important;
}
.cfvsw-swatches-container.cfvsw-product-container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
}
.cfvsw-swatch-inner {
    color: black!important;
    font-family: lato!important;
}
.cfvsw-swatches-option.cfvsw-label-option{
    color: black!important;
    font-family: lato!important;
}

/*woocommerce*/
.woocommerce-message a{
    border-top-color: #4ca8da!important;
}
a.restore-itema{
    border-top-color: #4ca8da!important;
}

a.button.wc-forward{
  background-color: var(--e-global-color-4e4f08c);
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary)#40AABA;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 15px 9px 15px;
}
a.button.wc-forward:hover{
  background-color: #40AABA !important;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: white!important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #40AABA!important;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 15px 9px 15px;
}

a.button.wc-backward{
  background-color: var(--e-global-color-4e4f08c);
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary)#40AABA;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 15px 9px 15px;
}
a.button.wc-backward:hover{
  background-color: #40AABA !important;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: white!important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #40AABA!important;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 15px 9px 15px;
}

.woocommerce table.shop_table.cart .actions .button {
  background-color: var(--e-global-color-4e4f08c) !important;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #40AABA!important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary)#40AABA !important;
    border-radius: 0px 0px 0px 0px;
}
.woocommerce table.shop_table.cart .actions .button:hover {
  background-color: #40AABA !important;
    color: white !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li {
    line-height: 35px !important;
}