ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / nipponiacom / wp-content / themes / sydney-pro-ii / css / modules

.syd-has-tooltip-content {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  background-color: #333;
  border-radius: 10px;
  padding: 10px;
  color: #fff;
  z-index: 99;
  display: none;
  opacity: 1;
  line-height: 1.3;
  --tooltip-arrow-color: #333;
}

.syd-has-tooltip-content.show {
  display: inline-block;
  opacity: 1;
}

.syd-has-tooltip-content::after {
  position: absolute;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
}

.syd-has-tooltip-content p:last-of-type {
  margin: 0;
}

.syd-has-tooltip-enable.sydney-tooltip-top .syd-has-tooltip-content {
  bottom: calc(100% + 10px);
}

.syd-has-tooltip-enable.sydney-tooltip-top .syd-has-tooltip-content::after {
  left: 50%;
  border-width: 10px 10px 0 10px;
  border-color: var(--tooltip-arrow-color) transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100%;
}

.syd-has-tooltip-enable.sydney-tooltip-bottom .syd-has-tooltip-content {
  top: calc(100% + 10px);
}

.syd-has-tooltip-enable.sydney-tooltip-bottom .syd-has-tooltip-content::after {
  left: 50%;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--tooltip-arrow-color) transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 100%;
}

.syd-has-tooltip-enable.sydney-tooltip-left .syd-has-tooltip-content {
  left: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(100% + 10px);
}

.syd-has-tooltip-enable.sydney-tooltip-left .syd-has-tooltip-content::after {
  left: 100%;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent var(--tooltip-arrow-color);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.syd-has-tooltip-enable.sydney-tooltip-right .syd-has-tooltip-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(100% + 10px);
}

.syd-has-tooltip-enable.sydney-tooltip-right .syd-has-tooltip-content::after {
  right: 100%;
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--tooltip-arrow-color) transparent transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.syd-has-tooltip-content.no-arrow::after {
  display: none;
}

@-webkit-keyframes sydttlfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes sydttlfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.sydttl-fadeIn {
  -webkit-animation-name: sydttlfadeIn;
          animation-name: sydttlfadeIn;
}

@-webkit-keyframes sydttlzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes sydttlzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.sydttl-zoomIn {
  -webkit-animation-name: sydttlzoomIn;
          animation-name: sydttlzoomIn;
}

@-webkit-keyframes sydttlrotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes sydttlrotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.sydttl-rotateIn {
  -webkit-animation-name: sydttlrotateIn;
          animation-name: sydttlrotateIn;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes sydttlslideInDown {
  from {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes sydttlslideInDown {
  from {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.sydttl-slideInDown {
  -webkit-animation-name: sydttlslideInDown;
          animation-name: sydttlslideInDown;
}

@-webkit-keyframes sydttlslideInLeft {
  from {
    -webkit-transform: translate3d(-35%, -50%, 0);
            transform: translate3d(-35%, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}

@keyframes sydttlslideInLeft {
  from {
    -webkit-transform: translate3d(-35%, -50%, 0);
            transform: translate3d(-35%, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}

.sydttl-slideInLeft {
  -webkit-animation-name: sydttlslideInLeft;
          animation-name: sydttlslideInLeft;
}

@-webkit-keyframes sydttlslideInRight {
  from {
    -webkit-transform: translate3d(35%, -50%, 0);
            transform: translate3d(35%, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}

@keyframes sydttlslideInRight {
  from {
    -webkit-transform: translate3d(35%, -50%, 0);
            transform: translate3d(35%, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}

.sydttl-slideInRight {
  -webkit-animation-name: sydttlslideInRight;
          animation-name: sydttlslideInRight;
}

@-webkit-keyframes sydttlslideInUp {
  from {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes sydttlslideInUp {
  from {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.sydttl-slideInUp {
  -webkit-animation-name: sydttlslideInUp;
          animation-name: sydttlslideInUp;
}

[+] ..
[+] src
[-] ext-blog.css [edit]
[-] ext-blog.min.css [edit]
[-] ext-footer.css [edit]
[-] ext-footer.min.css [edit]
[-] ext-header.css [edit]
[-] ext-header.min.css [edit]
[-] live-chat.css [edit]
[-] live-chat.min.css [edit]
[-] modal.css [edit]
[-] modal.min.css [edit]
[-] multistep-checkout.css [edit]
[-] multistep-checkout.min.css [edit]
[-] page-headers.css [edit]
[-] page-headers.min.css [edit]
[-] quick-links.css [edit]
[-] quick-links.min.css [edit]
[-] sydney-reviews-advanced.css [edit]
[-] sydney-reviews-advanced.min.css [edit]
[-] tooltips.css [edit]
[-] tooltips.min.css [edit]
[-] woosidebar.css [edit]
[-] woosidebar.min.css [edit]
[-] .htaccess.disabled [edit]