Ga naar inhoud
<>>
<>
/* Collection page */
.swatches-globo .swatch--gl ul.g-variant-color li label,
.swatches-globo .swatch--gl ul.g-variant-color li.swatches-more .swatch-anchor,
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span {
width: 35px !important;
height: 35px !important;
}
.swatches-globo .swatch--gl ul.g-variant-color li label.globo--fit-text,
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo--fit-text {
width: 35px !important;
height: 17px !important;
}
.swatches-globo .swatch--gl li .globo---button,
.globo-product-groups-collection .gsw-item-product-group .gsw-prg-item .globo---button {
border-color: #000;
color: #000;
background-color: #fff;
}
.swatches-globo .swatch--gl li .globo---button:hover,
.globo-product-groups-collection .gsw-item-product-group .gsw-prg-item .globo---button:hover {
border-color: #000;
color: #fff;
background-color: #000;
}
.swatches-globo .ul-swatches-list li.swatches-options input:checked + .globo---button,
.globo-product-groups-collection .gsw-item-product-group .is-gsw-active .globo---button {
border-color: #000;
color: #fff;
background-color: #000;
}
.swatches-globo .swatch--gl li .globo-border-color-swatch:not(.globo-border--none),
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo-border-color-swatch:not(.globo-border--none) {
border-color: #dddddd;
transition: box-shadow .25s easetransform .25s ease;
}
.swatches-globo .swatch--gl li .globo-border-color-swatch:not(.globo-border--none):hover,
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo-border-color-swatch:not(.globo-border--none):hover {
border-color: #1c1c1c;
}
.swatches-globo .swatch--gl li .swatch-anchor.globo-border-effects-shadow:hover,
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo-border-effects-shadow:hover {
box-shadow: 0 0 0 0.08rem #1c1c1c0 8px 20px rgba(343434,.1)inset 0 0 0 3px rgb(255,255,255);
}
.swatches-globo .ul-swatches-list li.swatches-options input:checked + label.globo-border-color-swatch:not(.globo-border--none),
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .is-gsw-active span.globo-border-color-swatch:not(.globo-border--none) {
border-color: #1c1c1c;
}
.swatches-globo .ul-swatches-list li.swatches-options input:checked + label.globo-border-effects-shadow,
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .is-gsw-active span.globo-border-effects-shadow {
box-shadow: 0 0 0 0.08rem #1c1c1c0 8px 20px rgba(343434,.1)inset 0 0 0 3px rgb(255,255,255);
}
.swatches-globo .swatch--gl .ul-swatches-list,
.swatches-globo .swatch--gl .ul-swatches-list.glider .glider-track,
.globo-product-groups-collection .gsw-list-products-group {
gap: 8px !important;
}
.swatches-globo .swatch--gl .ul-swatches-list.g-variant-color,
.swatches-globo .swatch--gl .ul-swatches-list.g-variant-color.glider .glider-track,
.globo-product-groups-collection .gsw-item-pg--product-img .gsw-list-products-group,
.globo-product-groups-collection .gsw-list-products-group.glider-product-group.glider .glider-track {
gap: 8px !important;
}
.swatches-globo .swatch--gl li label.globo-border--single,
.globo-product-groups-collection .globo-border--single {
border-width: 1px;
}
.swatches-globo .swatch--gl .globo--square
.swatches-globo .swatch--gl .globo--fit-text,
.globo-product-groups-collection .globo--square,
.globo-product-groups-collection .globo--fit-text {
border-radius: 24% !important;
}
.swatches-globo .swatch--gl li label.globo-border--double:before,
.globo-product-groups-collection .globo-border--double:before {
border-width: 3px;
}
.swatches-globo .swatch--gl li label.globo--square.globo-border--double:before
.swatches-globo .swatch--gl li label.globo--fit-text.globo-border--double:before,
.globo-product-groups-collection .globo--square.globo-border--double:before,
.globo-product-groups-collection .globo--fit-text.globo-border--double:before {
border-radius: 24% !important;
}
.swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li label,
.swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .dropdown-button-gsw,
.globo-product-groups-collection .dropdown-selector-productgroup ul.globo-dropdown-option-productgroup li .gsw-prg-item--link,
.globo-product-groups-collection .dropdown-selector-productgroup .dropdown-button-gsw-productgroup {
color: #000000 !important;
}
.swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options .globo-arrow-select,
.swatches-globo .dropdown-selector.dropdown-selector-default .globo-arrow-select,
.globo-product-groups-collection .dropdown-selector-productgroup .dropdown-button-gsw-productgroup .globo-arrow-select {
border-color: #000000 !important;
}
.swatches-globo .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option,
.swatches-globo .dropdown-selector.dropdown-selector-default .dropdown-button-gsw,
.globo-product-groups-collection .dropdown-selector-productgroup ul.globo-dropdown-option-productgroup,
.globo-product-groups-collection .dropdown-selector-productgroup .dropdown-button-gsw-productgroup {
border-color: #dddddd !important;
}
.swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options,
.swatches-globo .dropdown-selector.dropdown-selector-default .dropdown-button-gsw,
.globo-product-groups-collection .dropdown-selector-productgroup ul.globo-dropdown-option-productgroup li,
.globo-product-groups-collection .dropdown-selector-productgroup .dropdown-button-gsw-productgroup {
background-color: #ffffff !important;
}
.swatches-globo--list .swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options:hover label {
background-color: #dddddd !important;
border-color:#dddddd !important;
color: #000000 !important;
}
.swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options input:checked + label:after {
color: #fff !important;
}
.swatches-globo--list .swatches-globo .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options input:checked + label {
background-color: #000000 !important;
border-color: #000000 !important;
color: #fff !important;
}
/* Product Detail Page */
.globo-swatch-product-detail .swatch--gl ul.g-variant-color-detail li label,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span {
width: 35px !important;
height: 35px !important;
}
.globo-swatch-product-detail .swatch--gl ul.g-variant-color-detail li label.globo-detail--fit-text,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo-detail--fit-text {
width: 35px !important;
height: 17px !important;
}
.globo-swatch-product-detail .swatch--gl li .globo---button,
.globo-product-groups-detail .gsw-item-product-group .gsw-prg-item .globo---button {
border-color: #000;
color: #000;
background-color: #fff;
}
.globo-swatch-product-detail .swatch--gl li .globo---button:hover,
.globo-product-groups-detail .gsw-item-product-group .gsw-prg-item .globo---button:hover {
border-color: #000;
color: #fff;
background-color: #000;
}
.globo-swatch-product-detail ul.value li.select-option input:checked+.globo---button,
.globo-product-groups-detail .gsw-item-product-group .is-gsw-active .globo---button {
border-color: #000;
color: #fff;
background-color: #000;
}
.globo-swatch-product-detail .swatch--gl li .globo-border-color-swatch:not(.globo-detail-border--none),
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo-border-color-swatch:not(.globo-detail-border--none) {
border-color: #dddddd;
transition: box-shadow .25s easetransform .25s ease;
}
.globo-swatch-product-detail .swatch--gl li .globo-border-color-swatch:not(.globo-detail-border--none):hover,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span.globo-border-color-swatch:not(.globo-detail-border--none):hover {
border-color: #1c1c1c;
}
.globo-swatch-product-detail .swatch--gl li:hover .globo-detail-border-effects-shadow,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link:hover span.globo-detail-border-effects-shadow {
box-shadow: 0 0 0 0.08rem #1c1c1c0 8px 20px rgba(343434,.1)inset 0 0 0 3px rgb(255,255,255);
}
.globo-swatch-product-detail ul.value li.select-option input:checked+label.globo-border-color-swatch:not(.globo-detail-border--none),
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .is-gsw-active span.globo-border-color-swatch:not(.globo-detail-border--none) {
border-color: #1c1c1c;
}
.globo-swatch-product-detail ul.value li.select-option input:checked+label.globo-detail-border-effects-shadow,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .is-gsw-active span.globo-detail-border-effects-shadow {
box-shadow: 0 0 0 0.08rem #1c1c1c0 8px 20px rgba(343434,.1)inset 0 0 0 3px rgb(255,255,255);
}
.globo-swatch-product-detail .swatch--gl ul.value,
.globo-swatch-product-detail .swatch--gl ul.value.glider-variant-product-detail .glider-track,
.globo-product-groups-detail .gsw-list-products-group {
gap: 8px !important;
}
.globo-swatch-product-detail .swatch--gl ul.value.g-variant-color-detail,
.globo-swatch-product-detail .swatch--gl ul.value.g-variant-color-detail.glider-variant-product-detail .glider-track,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group,
.globo-product-groups-detail .gsw-list-products-group.glider-product-group-detail.glider .glider-track {
gap: 10px !important;
}
.globo-swatch-product-detail .swatch--gl .globo-detail--square
.globo-swatch-product-detail .swatch--gl .globo-detail--fit-text,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .globo-detail--square,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .globo-detail--fit-text {
border-radius: 24% !important;
}
.globo-swatch-product-detail .swatch--gl li label.globo-detail-border--single,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .globo-detail-border--single {
border-width: 1px;
}
.globo-swatch-product-detail .swatch--gl li label.globo-detail-border--double:before,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .globo-detail-border--double:before {
border-width: 3px;
}
.globo-swatch-product-detail .swatch--gl li label.globo-detail--square.globo-detail-border--double:before
.globo-swatch-product-detail .swatch--gl li label.globo-detail--fit-text.globo-detail-border--double:before,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .globo-detail--square.globo-detail-border--double:before,
.globo-product-groups-detail .gsw-item-pg--product-img .gsw-list-products-group .gsw-prg-item .globo-detail--fit-text.globo-detail-border--double:before {
border-radius: 24% !important;
}
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li label,
.globo-product-groups-detail .dropdown-selector-productgroup ul.globo-dropdown-option-productgroup li .gsw-prg-item--link,
.globo-product-groups-detail .dropdown-selector-productgroup .dropdown-button-gsw-productgroup,
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .dropdown-button-gsw {
color: #000000 !important;
}
.globo-swatch-product-detail .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options .globo-arrow-select,
.globo-product-groups-detail .dropdown-selector-productgroup .dropdown-button-gsw-productgroup .globo-arrow-select,
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .globo-arrow-select {
border-color: #000000 !important;
}
.globo-swatch-product-detail .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option,
.globo-product-groups-detail .dropdown-selector-productgroup ul.globo-dropdown-option-productgroup,
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .dropdown-button-gsw,
.globo-product-groups-detail .dropdown-selector-productgroup .dropdown-button-gsw-productgroup {
border-color: #cccccc !important;
}
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options,
.globo-product-groups-detail .dropdown-selector-productgroup ul.globo-dropdown-option-productgroup li,
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .dropdown-button-gsw,
.globo-product-groups-detail .dropdown-selector-productgroup .dropdown-button-gsw-productgroup {
background-color: #ffffff !important;
}
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options:hover label {
background-color: #dddddd !important;
border-color: #dddddd !important;
color: #000000 !important;
}
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options input:checked + label:after {
color: #ffffff !important;
}
.globo-swatch-product-detail .swatch--gl .dropdown-selector.dropdown-selector-default .ul-globo-dropdown-option li.swatches-options input:checked + label {
background-color: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
}
>
<>>