balmet.com

style.scss (4730B)

---

 @import "./variable";
 .redux-templates-challenge {
     display: block;
     position: fixed;
     right: 1em;
     bottom: 55px;
     max-width: 277px;
     z-index: 9999;
 
     p {
         font-size: 14px;
         line-height: 1.4;
         margin-top: 0;
         color: #23282c;
     }
 
     b {
         font-weight: 500;
     }
 
     &.challenge-start {
         display: initial;
     }
 }
 
 @media all and (max-height: 900px) {
     #challenge-contact-popup {
         margin: 50px 0 20px;
     }
 }
 
 .challenge-tooltip.tooltipster-sidetip {
     z-index: 100100 !important;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-box {
     margin-bottom: 18px;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
     bottom: 8px;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
     top: 0;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-box {
     margin-right: 18px;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
     left: 8px;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-box {
     background: #fff;
     border: none;
     border-radius: 4px;
     box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.25);
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-box .tooltipster-content {
     color: #444;
     padding: 16px 20px 18px;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-box .tooltipster-content h3 {
     font-size: 15px;
     margin: 0;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-box .tooltipster-content p {
     margin: 10px 0 0;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-box .challenge-done-btn {
     border-radius: 3px;
     cursor: pointer;
     text-decoration: none;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
     box-shadow: none;
     font-size: 13px;
     font-weight: 600;
     padding: 7px 18px;
     border: 1px solid $border-color;
     background-color: $primary-color;
     color: #fff;
     display: block;
     margin: 15px auto 0;
     outline: none;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-box .challenge-done-btn:hover {
     border: 1px solid $border-hover-color;
     background-color: $hover-color;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-arrow-border {
     border: none;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
     border-bottom-color: #fff;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
     border-right-color: #fff;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
     border-top-color: #fff;
 }
 
 .challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
     border-left-color: #fff;
 }
 
 .block-editor-page .edit-post-layout .components-notice-list > div {
     padding-left: 50px;
 }
 
 .block-editor-page span.wpforms-challenge-dot-step5 {
     margin: 22px 18px;
     z-index: 9999;
 }
 
 .block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5 {
     max-width: 233px;
     z-index: 99980 !important;
 }
 
 .challenge-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 600000;
 }
 
 .challenge-tooltip-holder {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 600000;
     .tooltipster-box {
         position: absolute;
         box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.25);
         z-index: 10000;
         background: #fff;
         padding: 15px 20px;
     }
 }
 
 .challenge-dot {
     display: inline-block;
     width: 16px;
     height: 16px;
     background: $primary-color;
     box-shadow: 0 0 0 4px rgba(25, 131, 124, 0.15);
     border-radius: 50%;
     border: 0;
     padding: 0;
 }
 
 .tooltipster-sidetip .tooltipster-arrow {
     position: absolute;
     width: 20px;
     height: 10px;
     z-index: 10000;
 }
 
 .tooltipster-sidetip .tooltipster-arrow-uncropped {
     position: relative;
 }
 
 
 .tooltipster-sidetip .tooltipster-arrow-border {
     left: 0;
     top: 0;
     border: none;
     width: 0;
     height: 0;
     position: absolute;
 }
 
 .challenge-tooltip.tooltipster-sidetip .tooltipster-arrow-background {
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     position: absolute;
     border: 10px solid transparent;
 }
 
 .challenge-tooltip.tooltipster-sidetip {
     &.tooltipster-top {
         border-top-color: #fff;
     }
     &.tooltipster-bottom {
         border-bottom-color: #fff;
     }
 }
 
 .block-timer .caret-icon {
     .fa {
         -webkit-transition: 400ms;
         -o-transition: 400ms;
         transition: 400ms;
         line-height: 23px;
     }
 }