:root{--brand-primary: #ffa300;--brand-primary-hover: #e89400;--brand-primary-dark: #d98600;--brand-primary-dim: #ff9000;--brand-accent: #f8b526;--brand-loader: #fdbc3b;--brand-shadow-rgb: 255, 163, 0}.GLS-shipping-options{border:0}.GLS-shipping-options td{border:0}.GLS-marketplace-settings{padding:20px}.GLS-connect{padding:0.6180469716em 1.41575em;color:#fff;background-color:var(--brand-primary);display:inline-block}.GLS-pickup{display:none}.GLS-pickup.active{display:block}.GLS-pickup__overlay{position:fixed;height:100%;width:100%;z-index:9999;background:hsla(0,0%,100%,.9);top:0;left:0}.GLS-pickup__mapWrapper{z-index:99991;position:absolute;top:18%;left:7%;width:86%;min-height:50%;min-height:50vh;display:flex}.GLS-pickup__inner-map-loader{width:62%;height:100%;display:none;z-index:99999;opacity:.9;margin:auto}.GLS-pickup__map-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999}.GLS-pickup__map-loader__spinner{width:60px;height:60px;border:6px solid var(--brand-primary);border-top-color:rgba(0,0,0,0);border-radius:50%;animation:GLS-spin .9s linear infinite}.GLS-pickup__map-loader__text{margin-top:15px;font-size:16px;color:var(--brand-primary);font-weight:600;font-family:sans-serif}.GLS-pickup__mapWrapper.loading{align-items:center}.GLS-pickup__mapWrapper.loading #GLSMap,.GLS-pickup__mapWrapper.loading .GLS-pickup__options,.GLS-pickup__mapWrapper.loading .GLS-pickup__options{display:none}.GLS-pickup__mapWrapper.loading .GLS-pickup__inner-map-loader{display:inline-block}.GLS-pickup__map{position:absolute;right:0;top:0;display:inline-block;width:62%;height:100%;vertical-align:top}.GLS-pickup__title{font-size:2em;margin-bottom:1em}.GLS-pickup__options{display:inline-block;width:38%;min-height:100%;vertical-align:top;background:#f7f7f7;padding:20px 40px}.GLS-pickup__point{margin-bottom:2px;font-size:12px}.GLS-pickup__point input[type=radio]{width:auto !important;margin-top:0 !important;margin-right:5px}.GLS-pickup__error{padding:40px 61px;position:fixed;background-color:#fff;color:#000;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:9999;box-shadow:0px 3px 6.51px .49px rgba(0,0,0,.1);font-size:25px;line-height:1.5em;display:none}.GLS-pickup__message{display:none;text-align:center;padding:12px 16px;margin:15px 0;border-radius:8px;font-weight:500;font-size:14px;line-height:1.5;animation:fadeInUp .3s ease-in-out;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:all .3s ease}.GLS-pickup__message--visible{display:block}.GLS-pickup__message--error{background:#ffeaea;border:1px solid #f5b3b3;color:#b00000}.GLS-pickup__message--info{background:#e8f4ff;border:1px solid #b3dbff;color:#084c9e}.GLS-pickup__message--success{background:#eaffea;border:1px solid #b3f5b3;color:#0a7a0a}.GLS-pickup__message-icon{margin-right:6px;font-size:16px;vertical-align:middle}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.GLS-pickup__extended{margin-top:5px;display:none}.GLS-pickup__extended.selected{display:block}.GLS-pickup__label{cursor:pointer}.GLS-pickup__extended_label{margin-right:5px}.GLS-pickup__close{position:fixed;top:8%;left:88%;z-index:9999}.GLS-pickup__close::after{display:inline-block;content:"X";font-size:40px;font-weight:300;color:#9c9c9c;cursor:pointer}.GLS-pickup__validate{width:90%;margin-top:20px;text-align:center}.GLS-pickup__point_description{display:-block;margin-left:10px;vertical-align:top;max-width:calc(100% - 30px);cursor:pointer}.GLS-pickup__description{display:block;margin-top:20px;font-weight:600}.GLS-btn{background-color:var(--brand-primary);color:#fff;border-radius:5px;line-height:1.3em;vertical-align:top}.GLS-wcfm-checkbox{margin-right:0 !important}.GLS-request-account label{width:105px;text-align:right;margin-right:10px;display:inline-block}.GLS-request-account input[type=text]{width:500px}.GLS-request-account .form-item{margin-bottom:5px;display:flex;flex-direction:row}.GLS-loader{position:relative;width:80px;height:80px;z-index:99999;top:50%;top:calc(50% - 40px);left:50%;left:calc(50% - 40px)}.GLS-loader div{display:inline-block;position:absolute;left:8px;width:16px;background:var(--brand-loader);animation:GLS-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite}.GLS-loader div:nth-child(1){left:8px;animation-delay:-0.24s}.GLS-loader div:nth-child(2){left:32px;animation-delay:-0.12s}.GLS-loader div:nth-child(3){left:56px;animation-delay:0}@keyframes GLS-loader{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}@keyframes GLS-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#GLS_pickup_button{background-color:var(--brand-primary);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:2rem}#GLS_pickup_button:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");width:24px;height:24px;background-repeat:no-repeat;background-position:center}#GLS_pickup_button:hover{background-color:var(--brand-primary-hover);box-shadow:0 4px 6px rgba(var(--brand-shadow-rgb), 0.3);transform:translateY(-2px)}#GLS_pickup_button:active{transform:translateY(1px);background-color:var(--brand-primary-dark);box-shadow:0 2px 4px rgba(var(--brand-shadow-rgb), 0.2)}@media(max-width: 768px){#GLS_pickup_button{width:100%;padding:14px 20px;font-size:15px}}#GLS_pickup_button:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-shadow-rgb), 0.4)}#GLS_pickup_button:disabled{background-color:#d9d9d9;color:#888;cursor:not-allowed;transform:none;box-shadow:none}#GLS_pickup_button:disabled:before{opacity:.5}.GLS-loader-btn{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);z-index:9999;display:flex;justify-content:center;align-items:center}.loader-squares{display:flex;position:relative}.loader-square{width:15px;height:15px;margin:0 5px;border-radius:2px;background-color:var(--brand-primary);transform-origin:center;animation:square-dance 1.5s ease-in-out infinite}.loader-square:nth-child(1){animation-delay:-0.3s;background-color:var(--brand-primary-dim)}.loader-square:nth-child(2){animation-delay:-0.15s;width:20px;height:20px;background-color:var(--brand-primary)}.loader-square:nth-child(3){animation-delay:0s;width:25px;height:25px;background-color:var(--brand-primary-dark)}@keyframes square-dance{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(45deg)}50%{transform:translateY(0) rotate(90deg)}75%{transform:translateY(20px) rotate(45deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 1024px){.GLS-choose-pickup{width:100%;text-align:center}}@media(max-width: 768px){.GLS-pickup__mapWrapper{display:inline-block;top:10%;left:5%;width:90%;min-height:0}.GLS-pickup__options{position:absolute;top:100%;top:45vh;width:100%;min-height:50%}.GLS-pickup__map{width:100%;height:45%;height:45vh}.GLS-pickup__close{top:2%;top:2vh}.GLS-pickup__error{padding:40px 20px;width:90%;left:5%;top:50%;font-size:16px;transform:translateY(-50%)}}button.GLS-pickup__validate{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#000}.GLS-loader div,button.GLS-pickup__validate:hover{background-color:var(--brand-primary)}.GLS-pickup-in-address{margin-top:8px;font-style:normal;font-size:inherit;line-height:inherit}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none !important;max-height:none !important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51, 181, 229, 0.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);-moz-transition:-moz-transform .25s cubic-bezier(0, 0, 0.25, 1);transition:transform .25s cubic-bezier(0, 0, 0.25, 1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255, 255, 255, 0.5)}.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0, 0, 0, 0.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px "Lucida Console",Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(//gevelcoating.nl/wp-content/plugins/gls-for-woocommerce/assets/css/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(//gevelcoating.nl/wp-content/plugins/gls-for-woocommerce/assets/css/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(//gevelcoating.nl/wp-content/plugins/gls-for-woocommerce/assets/css/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255, 255, 255, 0.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255, 255, 255, 0.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0, 0, 0, 0.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0, 0, 0, 0.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:bold;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff} :root {
--brand-primary:       #061ab1; --brand-primary-hover: #0514a0;
--brand-primary-dark:  #000ba4;
--brand-primary-dim:   #0d25cc;
--brand-accent:        #061ab1; --brand-loader:        #061ab1;
--brand-shadow-rgb:    6, 26, 177;
--brand-accent-dark:   #000ba4;
--brand-accent-light:  #061ab1;
--query-bg:                #061ab1;
--query-text:              #ffffff;
--query-hover-bg:          #0514a0;
--query-text-hover:        #ffffff;
--query-result-hover:      #061ab1;
--map-list-text:           #555555;
--map-list-text-selected:  #061ab1;
--map-list-text-hover:     #061ab1;
}html,
body {
background-color: white !important;
}
#sw {
margin: auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
display: none;
font-size: 14px;
color: #3d4750;
}
.button.alt.GLS-pick-location {
background: #f8b526;
color: black;
padding: 6px 10px;
border-radius: 6px;
cursor: pointer;
border: 1px solid #f8b526;
margin-top: 0.5rem;
}
.button.alt.GLS-pick-location:hover {
background-color: #f9c451;
}
.leaflet-container {
height: calc(100vh - 230px);
max-height: 100vh !important;
overflow: hidden !important;
display: block !important;
padding: 0 !important;
margin: 0 auto !important;
}
#sw.open {
display: block;
}
#sw__container {
width: var(--containerwidth);
z-index: 99991;
position: absolute;
top: 30px;
left: 7%;
width: 86%;
display: flex;
flex-direction: column;
-webkit-box-shadow: 0px 0px 40px 20px rgba(222, 222, 222, 1);
-moz-box-shadow: 0px 0px 40px 20px rgba(222, 222, 222, 1);
box-shadow: 0px 0px 40px 20px rgba(222, 222, 222, 1);
}
#sw-close-btn {
background: transparent;
border: none;
font-size: 22px;
line-height: 1;
color: #666;
cursor: pointer;
padding: 0 14px;
border-radius: 0;
align-self: stretch;
display: flex;
align-items: center;
}
#sw-close-btn:hover {
background: #f0f0f0;
color: #111;
}
#sw__overlay {
position: fixed;
height: 100%;
width: 100%;
z-index: 9999;
background: #fff;
top: 0;
left: 0;
}
#sw-query-wrapper,
#sw-display-options {
display: flex;
flex-direction: row;
}
#sw-query {
flex-grow: 1;
line-height: 50px;
border: solid thin #f2f0f3;
padding-left: 15px;
outline: #010101;
}
#sw-query-btn {
background: #f8b526;
color: black;
border: none;
padding: 15px;
cursor: pointer;
display: inline-block;
width: auto;
border-radius: 0;
}
#sw-query-btn:hover {
background: #f8b526;
color: black;
transition: all 0.5s;
}
#sw-query-results {
position: absolute;
z-index: 999999999;
background: #fff;
padding-left: 10px;
padding-top: 15px;
width: 100%;
box-sizing: border-box;
}
.sw-query-result {
line-height: 2em;
cursor: pointer;
}
.sw-query-result:hover {
color: var(--query-result-hover);
}
#sw-query-options {
margin-top: 15px;
margin-bottom: 30px;
}
.sw-query-results-description {
font-size: 16px;
padding: 5px;
}
.sw-display-option {
color: var(--map-list-text);
font-size: 20px;
flex-grow: 1;
text-align: center;
border-bottom: solid #f2f0f3;
cursor: pointer;
line-height: 50px;
height: 50px;
margin-top: 20px;
}
#sw__container.searching .sw-display-option {
display: none;
}
.sw-display-option.selected {
color: var(--map-list-text-selected);
border-bottom: solid var(--map-list-text-selected);
}
.sw-display-option:hover {
color: var(--map-list-text-hover);
border-color: var(--map-list-text-hover);
}
.sw-tab {
display: none;
position: relative;
}
#sw-map-wrapper {
min-height: 70vh !important;
height: auto;
}
.sw-tab.selected {
display: block;
min-height: 150vh !important;
height: auto;
z-index: -1; position: relative;
}
#sw__container.searching .sw-tab.selected {
display: none;
}
#sw-map-wrapper.loading #sw-map {
display: none;
}
#sw-map {
width: 100%;
height: 75vh !important;
}
#sw-map-error {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
}
#sw-map-selected-point {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 99999;
width: 30vw;
min-width: 400px;
}
#sw-map-selected-point .sw-point-info {
width: 100%;
margin-bottom: 0;
padding: 20px;
line-height: 1.5em;
}
#sw-search-status {
display: none;
line-height: 100px;
position: absolute;
top: calc(50vh - 148px);
left: calc(50% - 40px);
z-index: 99999;
}
#sw__container.searching #sw-search-status {
display: block;
}
#sw-search-summary {
line-height: 2em;
margin: 20px 0;
}
#sw-map-message {
position: absolute;
top: 85px;
left: 0;
width: 100%;
text-align: center;
display: none;
justify-content: center;
align-content: center;
height: calc(100vh - 218px);
background: white;
z-index: 9999999;
padding-top: 30px;
}
#sw-map-message.open {
display: flex;
}
#sw-list-points {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 0.5rem;
position: absolute; top: 4rem;
gap: 1rem;
width: 100%;
z-index: 2;
}
.sw-point-info {
width: 100%;
display: flex;
flex-direction: column;
gap: 5px;
padding: 10px 20px;
box-sizing: border-box;
margin-right: 1%;
margin-bottom: 10px;
position: relative;
top: -1vh;
background: white;
-webkit-box-shadow: 7px 7px 15px -3px rgba(186, 186, 186, 1);
-moz-box-shadow: 7px 7px 15px -3px rgba(186, 186, 186, 1);
box-shadow: 7px 7px 15px -3px rgba(186, 186, 186, 1);
}
.sw-point-info-name {
font-weight: bold;
font-size: 18px;
margin: 1px;
width: 90%;
}
.sw-point-info-btn {
color: black;
align-self: start;
padding: 9px 16px;
background: #f8b526;
border: solid thin#f8b526;
text-align: center;
padding: 9px 16px 9px 16px;
bottom: 2px;
width: auto;
height: auto;
border-radius: 8px;
}
.sw-point-info-btn:hover,
.sw-point-info-btn.selected {
cursor: pointer;
padding: 9px 18px;
background: #f8b526;
border: solid thin var(--btn-bg-hover);
}
.sw-point-info-day {
display: flex;
flex-direction: row;
margin: 0 !important;
}
.sw-point-info-day label {
margin: 0 !important;
display: inline-block;
margin-right: 5px;
color: var(--info-day-label);
vertical-align: top;
}
.sw-point-info-additional input {
max-width: 400px;
}
.GLS-pickup-alert {
background: #fff6da;
border-left: 4px solid #e6b800;
color: #4a3d00;
padding: 14px 18px;
border-radius: 6px;
font-size: 15px;
margin: 16px 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
font-weight: 500;
transition: all 0.3s ease;
}
.GLS-pickup-alert strong {
color: #3b3100;
}
.GLS-pickup-alert:hover {
background: #fff1c1;
transform: translateY(-1px);
}
@media (max-width: 1024px) {
.leaflet-container {
height: 350px !important;
}
.sw-point-info-btn {
align-self: start;
color: white;
padding: 9px 16px;
background: #f8b526;
border: 1px solid white;
font-weight: bold;
border-radius: 8px;
}
#sw__container {
width: 100%;
left: 0;
}
#sw-list-points {
display: flex;
flex-direction: column;
width: 90%;
position: relative;
top: 5rem;
gap: 1rem;
}
.sw-point-info {
width: 100%;
margin-right: 0;
margin-left: 0;
padding: 5px 10px;
margin-bottom: 1rem;
}
#sw-map-wrapper {
min-height: 45vh !important;
height: auto;
}
.sw-tab.selected {
min-height: 70vh !important;
height: auto !important;
}
#sw-map {
height: calc(100vw);
}
.sw-tab {
padding: 10px;
}
#sw-map-selected-point {
width: 93%;
}
}
.sw-loader {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.sw-loader div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: var(--loader-bg);
animation: sw-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.sw-loader div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.sw-loader div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.sw-loader div:nth-child(3) {
left: 56px;
animation-delay: 0;
}
@keyframes sw-loader {
0% {
top: 8px;
height: 64px;
}
50%,
100% {
top: 24px;
height: 32px;
}
} body.woocommerce-checkout {
overflow: auto !important;
}
html {
overflow: auto !important;
} #sw__overlay {
pointer-events: none;
}
#sw__container {
pointer-events: auto;
}
#sw {
margin: auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
display: none;
font-size: 14px;
color: #3d4750;
}
#sw.open {
display: block;
}
#sw__container {
width: var(--containerwidth);
z-index: 99991;
position: absolute;
top: 30px;
left: 7%;
width: 86%;
min-height: 50%;
min-height: 50vh;
display: flex;
flex-direction: column;
-webkit-box-shadow: 0px 0px 40px 20px rgba(222, 222, 222, 1);
-moz-box-shadow: 0px 0px 40px 20px rgba(222, 222, 222, 1);
box-shadow: 0px 0px 40px 20px rgba(222, 222, 222, 1);
}
#sw__overlay {
position: fixed;
height: 100%;
width: 100%;
z-index: 9999;
background: #fff;
top: 0;
left: 0;
}
#sw-query-wrapper {
display: flex !important;
align-items: center !important;
}
#sw-query-wrapper,
#sw-display-options {
display: flex;
flex-direction: row;
}
#sw-query {
flex-grow: 1;
line-height: 50px;
border: solid thin #f2f0f3;
padding-left: 15px;
outline: #010101;
}
#sw-query-btn {
background: var(--query-bg);
border: none;
color: var(--query-text);
padding: 0 15px !important;
cursor: pointer;
display: inline-block;
width: auto !important;
height: 34px !important;
line-height: 34px !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
#sw-query-btn:hover {
background: var(--query-hover-bg);
color: var(--query-text-hover);
transition: all 0.5s;
}
#sw-query-results {
position: absolute;
z-index: 999999999;
background: #fff;
padding-left: 10px;
padding-top: 15px;
width: 100%;
box-sizing: border-box;
}
.sw-query-result {
line-height: 2em;
cursor: pointer;
}
.sw-query-result:hover {
color: var(--query-result-hover);
}
#sw-query-options {
margin-top: 15px;
margin-bottom: 30px;
}
.sw-query-results-description {
font-size: 16px;
padding: 20px;
}
.sw-display-option {
color: var(--map-list-text);
font-size: 20px;
flex-grow: 1;
text-align: center;
border-bottom: solid #f2f0f3;
cursor: pointer;
line-height: 50px;
height: 50px;
margin-top: 20px;
}
#sw__container.searching .sw-display-option {
display: none;
}
.sw-display-option.selected {
color: var(--map-list-text-selected);
border-bottom: solid var(--map-list-text-selected);
}
.sw-display-option:hover {
color: var(--map-list-text-hover);
border-color: var(--map-list-text-hover);
}
.sw-tab {
display: none;
position: relative;
}
.sw-tab.selected {
display: block;
}
#sw__container.searching .sw-tab.selected {
display: none;
}
#sw-map-wrapper.loading #sw-map {
position: relative;
display: none;
}
#sw-map {
position: relative;
width: 100%;
height: calc(100vh - 230px);
}
#sw-map-error {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
}
#sw-map-selected-point {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 99999;
width: 30vw;
min-width: 400px;
}
#sw-map-selected-point .sw-point-info {
width: 100%;
margin-bottom: 0;
padding: 20px;
line-height: 1.5em;
}
#sw-search-status {
display: none;
line-height: 100px;
position: absolute;
top: calc(50vh - 148px);
left: calc(50% - 40px);
z-index: 99999;
}
#sw__container.searching #sw-search-status {
display: block;
}
#sw-search-summary {
line-height: 2em;
margin: 20px 0;
}
#sw-map-message {
position: absolute;
top: 85px;
left: 0;
width: 100%;
text-align: center;
display: none;
justify-content: center;
align-content: center;
height: calc(100vh - 218px);
background: white;
z-index: 9999999;
padding-top: 30px;
}
#sw-map-message.open {
display: flex;
}
#sw-list-points {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 20px;
box-sizing: border-box;
}
.button.button.alt.GLS-pick-location {
color: white;
background-color: #061ab1;
border: 1px solid #061ab1;
cursor: pointer;
border-radius: 10px;
padding: 6px 4px;
}
.sw-point-info {
width: calc(50% - 6px);
float: none;
margin-right: 0;
margin-bottom: 0;
min-height: unset;
display: flex;
flex-direction: column;
padding: 20px;
box-sizing: border-box;
background: white;
overflow: hidden;
word-break: break-word;
-webkit-box-shadow: 7px 7px 15px -3px rgba(186, 186, 186, 1);
-moz-box-shadow: 7px 7px 15px -3px rgba(186, 186, 186, 1);
box-shadow: 7px 7px 15px -3px rgba(186, 186, 186, 1);
}
.sw-point-info-name {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.sw-point-info-open {
flex-grow: 1;
min-height: unset;
margin-bottom: 15px;
}
.sw-point-info-addr {
margin-bottom: 8px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.sw-point-info-btn {
background: #061ab1;
border: solid thin #061ab1;
color: white;
text-align: center;
padding: 9px 16px;
cursor: pointer;
position: static;
align-self: flex-end;
margin-top: auto;
width: auto;
height: auto;
white-space: nowrap;
border-radius: 0;
}
.sw-point-info-btn:hover,
.sw-point-info-btn.selected {
cursor: pointer;
color: white;
background: #061ab1;
border: solid thin #061ab1;
cursor: pointer;
}
.sw-point-info-day {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: baseline;
margin-bottom: 4px;
gap: 4px;
}
.sw-point-info-day label {
white-space: nowrap;
flex-shrink: 0;
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
color: var(--info-day-label);
}
.sw-point-info-additional input {
max-width: 400px;
}
@media (max-width: 1024px) {
#sw-map {
position: relative;
height: calc(100vw);
}
.sw-tab {
padding: 10px;
}
#sw-map-selected-point {
width: 93%;
}
}
@media (max-width: 750px) {
.sw-point-info {
width: 100%;
}
}
.sw-loader {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.sw-loader div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: var(--loader-bg);
animation: sw-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.sw-loader div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.sw-loader div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.sw-loader div:nth-child(3) {
left: 56px;
animation-delay: 0;
}
@keyframes sw-loader {
0% {
top: 8px;
height: 64px;
}
50%,
100% {
top: 24px;
height: 32px;
}
}
#sw-close-btn {
background: transparent;
border: none;
font-size: 22px;
line-height: 1;
color: #666;
cursor: pointer;
padding: 0 14px;
border-radius: 0;
align-self: stretch;
display: flex;
align-items: center;
}
#sw-close-btn:hover {
background: #f0f0f0;
color: #111;
} body.woocommerce-checkout {
overflow: auto !important;
}
html {
overflow: auto !important;
} #sw__overlay {
pointer-events: none;
}
#sw__container {
pointer-events: auto;
}