File "el-hotspot.min.css"

Full Path: /home/ycoalition/public_html/blog/wp-content/themes/woodmart/css/parts/el-hotspot.min.css
File size: 6.32 KB
MIME-type: text/plain
Charset: utf-8

.wd-image-hotspot-hotspots{position:relative}.wd-image-hotspot-img{width:100%;border-radius:var(--wd-brd-radius) !important}.hotspot-content{position:absolute;z-index:10;visibility:hidden;padding:15px;width:250px;border-radius:var(--wd-brd-radius);background:var(--bgcolor-white);box-shadow:0 0 3px rgba(0,0,0,0.15);text-align:center;opacity:0;transition:opacity .25s ease, visibility .25s ease, transform .25s ease;transform:translateY(20px) translateZ(0)}.hotspot-content img{border-radius:var(--wd-brd-radius)}.hotspot-content>:is(div,h4){margin-bottom:10px}.hotspot-content>:is(div,h4):last-child{margin-bottom:0}.hotspot-content .hotspot-content-text{margin-bottom:15px;padding-left:2px;padding-right:2px}.hotspot-content :is(.wd-entities-title,.hotspot-content-image) a{display:block}.hotspot-content .wd-entities-title{font-size:16px}.hotspot-content:before{content:"";position:absolute}.hotspot-opened .hotspot-content{visibility:visible;opacity:1;transform:none}.hotspot-content:hover .wd-more-desc-btn{transform:translateY(0) translateZ(0)}.hotspot-content .price{font-size:16px;line-height:1.2}.hotspot-content :is(.add_to_cart_button,.product_type_variable,.product_type_grouped){padding:5px 14px;min-height:36px;font-size:12px;border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight));font-family:var(--btn-accented-font-family, var(--btn-font-family));font-style:var(--btn-accented-font-style, var(--btn-font-style))}.hotspot-content :is(.add_to_cart_button,.product_type_variable,.product_type_grouped):hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}.hotspot-content :is(.add_to_cart_button,.product_type_variable,.product_type_grouped):active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active)}.hotspot-content .added_to_cart{display:none}:is(.hotspot-dropdown-top,.hotspot-dropdown-bottom){left:-115px}:is(.hotspot-dropdown-top,.hotspot-dropdown-bottom):before{left:0;width:100%;height:30px}:is(.hotspot-dropdown-top,.hotspot-dropdown-bottom).hotspot-overflow-left{right:0;left:auto}:is(.hotspot-dropdown-top,.hotspot-dropdown-bottom).hotspot-overflow-right{left:0}.hotspot-dropdown-top{bottom:40px}.hotspot-dropdown-top:before{top:100%}.hotspot-dropdown-bottom{top:40px}.hotspot-dropdown-bottom:before{bottom:100%}:is(.hotspot-dropdown-left,.hotspot-dropdown-right){top:-55px}:is(.hotspot-dropdown-left,.hotspot-dropdown-right):before{top:0;width:30px;height:100%}.hotspot-dropdown-left{right:40px}.hotspot-dropdown-left:before{left:100%}.hotspot-dropdown-left.hotspot-overflow-right{right:auto;left:40px}.hotspot-dropdown-left.hotspot-overflow-right:before{right:100%;left:auto}.hotspot-dropdown-right{left:40px}.hotspot-dropdown-right:before{right:100%}.hotspot-dropdown-right.hotspot-overflow-left{right:40px;left:auto}.hotspot-dropdown-right.hotspot-overflow-left:before{right:auto;left:100%}.wd-image-hotspot{position:absolute;margin-top:-10px;margin-left:-10px;width:20px;height:20px;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,0.15);opacity:0;transition:opacity .8s ease}.loaded .wd-image-hotspot{opacity:1}.hotspot-btn,.hotspot-sonar{border-radius:50%;backface-visibility:hidden;perspective:800px}.hotspot-btn{z-index:1;letter-spacing:normal;transition:all .3s ease}.hotspot-action-click .hotspot-btn{cursor:pointer}.hotspot-btn:after{content:"";position:absolute;transition:all .3s ease}.hotspot-sonar{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;display:block;animation:wd-Sonar 2s ease infinite}.hotspot-icon-default .hotspot-btn{background-color:var(--wd-primary-color);box-shadow:inset 100px 100px transparent;animation:wd-Pulse 2s ease-in-out infinite}.hotspot-icon-default .hotspot-btn:after{top:7px;left:7px;width:6px;height:6px;border-radius:50%;background-color:#fff}.hotspot-icon-default .wd-image-hotspot.hotspot-opened .hotspot-btn{box-shadow:inset 100px 100px rgba(0,0,0,0.1)}.hotspot-icon-default .hotspot-sonar{background-color:rgba(255,255,255,0.5)}.hotspot-icon-alt .hotspot-btn{background-color:#fff}.hotspot-icon-alt .hotspot-btn:after{top:0;right:0;bottom:0;left:0;color:var(--wd-primary-color);text-align:center;font-size:10px;line-height:20px;content:"\f143";font-family:"woodmart-font"}.hotspot-icon-alt .wd-image-hotspot.hotspot-opened .hotspot-btn:after{color:#fff}.hotspot-icon-alt .wd-image-hotspot:is(.hotspot-opened,:hover) .hotspot-btn{background-color:var(--wd-primary-color)}.hotspot-icon-alt .hotspot-sonar{background-color:#fff}@keyframes wd-Sonar{0%{opacity:0;transform:scale(0.2)}50%{opacity:.8}100%{opacity:0;transform:scale(1)}}@keyframes wd-Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.hotspot-content .add_to_cart_button:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;opacity:0;z-index:1;border-radius:inherit;background-color:inherit;box-shadow:inherit;transition:opacity 0s ease}.hotspot-content .add_to_cart_button:after{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;opacity:0;z-index:2;transition:opacity 0s ease;content:"";display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,0);border-left-color:currentColor;border-radius:50%;vertical-align:middle}.hotspot-content .loading.add_to_cart_button:before{opacity:1;transition:opacity .25s ease}.hotspot-content .loading.add_to_cart_button:after{opacity:1;transition:opacity .25s ease;animation:wd-rotate 450ms infinite linear}@media (min-width: 1025px){.hotspot-action-hover .hotspot-content{pointer-events:none}.hotspot-action-hover .wd-image-hotspot:hover .hotspot-content{visibility:visible;opacity:1;transform:none;pointer-events:visible}.hotspot-icon-default .wd-image-hotspot:hover .hotspot-btn{box-shadow:inset 100px 100px rgba(255,255,255,0.1)}.hotspot-icon-alt .wd-image-hotspot:hover .hotspot-btn:after{color:#fff}}@media (max-width: 768.98px){.hotspot-type-product .hotspot-content-text{display:none}.hotspot-type-product :is(.wd-entities-title,.price){font-size:14px}.hotspot-content{top:40px;right:auto;bottom:auto}.hotspot-dropdown-left,.hotspot-dropdown-right{left:-115px}.hotspot-icon-alt .wd-image-hotspot:hover:not(.hotspot-opened) .hotspot-btn{background-color:#fff}}