.easy-sticky-sidebar,
.wordpress-cta-pro-banner {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.easy-sticky-sidebar {
--position_distance: 0px;
--position2_distance: 0px;
position: fixed !important;
top: calc(50% + var(--position2_distance));
right: var(--position_distance);
max-height: 90vh;
z-index: 999999 !important;
width: var(--width);
transition: ease all 0.4s !important;
transform: translateY(-50%);
}
.easy-sticky-sidebar.vertical-cta {
--translateX: calc(-50% + var(--position2_distance));
left: calc(50% + var(--position2_distance));
right: unset;
top: var(--position_distance);
bottom: unset;
transform: translate(var(--translateX), var(--translateY, 0));
}
.easy-sticky-sidebar.vertical-cta.sticky-cta-position-bottom {
top: unset;
bottom: var(--position_distance)
}
.easy-sticky-sidebar.sticky-cta-left {
right: auto;
left: var(--position2_distance)
}
.easy-sticky-sidebar.sticky-cta-right {
left: auto;
right: var(--position2_distance)
}
.easy-sticky-sidebar.vertical-cta {
--buttonHeight: 50px;
flex-direction: column;
border-radius: var(--round) var(--round) 0 0
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-button>div {
white-space: nowrap;
writing-mode: vertical-lr
}
.sticky-sidebar-container .sticky-content-inner {
padding: 14px 24px
}
.sticky-sidebar-container hr {
margin: 0;
height: 2px;
border: none !important;
background-color: #fff
}
.easy-sticky-sidebar.sticky-cta {
--round: 5px;
--buttonWidth: 50px;
--width: min(90%, 600px);
display: flex;
width: var(--width);
box-shadow: 0 0 10px 0 rgba(19, 19, 19, .2);
border-top-left-radius: calc(var(--round) + 2px);
border-bottom-left-radius: calc(var(--round) + 2px);
margin-bottom: 6em;
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-button {
color: #fff;
width: var(--buttonWidth);
cursor: pointer;
padding: 20px 0;
display: flex;
flex: 0 0 auto;
line-height: 1.2;
position: relative;
box-sizing: border-box;
justify-content: center;
background-color: #4e0d61;
text-decoration: none !important;
border-bottom-left-radius: var(--round, 5px);
border-top-left-radius: var(--round, 5px);
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-container {
position: relative;
background-color: white;
flex: 1;
display: flex;
flex-direction: column;
text-decoration: none !important;
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-text {
color: #fff;
flex: 1;
overflow-y: auto;
background-color: #250d61;
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-call-to-action {
color: #fff;
background-color: #0e2163;
}
.shrink {
right: calc((var(--width) * -1) + var(--buttonWidth) + var(--position_distance)) !important;
transition: ease all 0.4s !important;
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-image {
height: 250px;
width: 100%;
background-size: cover;
background-position: center center;
}
.easy-sticky-sidebar h1,
.easy-sticky-sidebar h2,
.easy-sticky-sidebar h3,
.easy-sticky-sidebar h4,
.easy-sticky-sidebar h5,
.easy-sticky-sidebar h6,
.easy-sticky-sidebar p {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.SSuprydp-icon {
margin-left: 8px
}
.easy-sticky-sidebar iframe {
display: block
}
.easy-sticky-sidebar a {
text-decoration: none;
}
.easy-sticky-sidebar.sticky-cta-top,
.easy-sticky-sidebar.sticky-cta-bottom {
transform: translateY(0)
}
.easy-sticky-sidebar.sticky-cta-top {
top: var(--position2_distance)
}
body.admin-bar .easy-sticky-sidebar.sticky-cta-top {
top: calc(var(--position2_distance) + 32px)
}
.easy-sticky-sidebar.sticky-cta-bottom {
top: auto;
bottom: var(--position2_distance)
}
.easy-sticky-sidebar.sticky-cta-position-left {
left: var(--position_distance);
right: auto;
border-radius: 0 calc(var(--round) + 2px) calc(var(--round) + 2px) 0
}
.easy-sticky-sidebar.sticky-cta-position-left.shrink {
left: calc((var(--width) * -1) + var(--buttonWidth) + var(--position_distance))
}
.easy-sticky-sidebar.sticky-cta-position-left .sticky-sidebar-button {
order: 4;
border-radius: 0 var(--round, 0) var(--round, 0) 0
}
.easy-sticky-sidebar.vertical-cta.shrink {
--translateY: calc(100% - var(--buttonHeight) - var(--position_distance))
}
.easy-sticky-sidebar:is(.sticky-cta, .tab-cta) .sticky-sidebar-button>div {
white-space: nowrap;
writing-mode: vertical-lr
}
.easy-sticky-sidebar.vertical-cta:is(.sticky-cta, .tab-cta) .sticky-sidebar-button>div {
writing-mode: unset
}
.easy-sticky-sidebar.tab-cta {
--round: 5px;
--width: 50px !important;
display: flex;
width: var(--width, 50px)!important;
box-shadow: 0 0 10px 0 rgba(19, 19, 19, .2);
border-top-left-radius: calc(var(--round) + 2px);
border-bottom-left-radius: calc(var(--round) + 2px);
}
.easy-sticky-sidebar.tab-cta .sticky-sidebar-button {
color: #fff;
display: block;
position: relative;
height: max-content;
width: var(--width, 50px);
cursor: pointer;
padding: 20px 0;
display: flex;
flex: 0 0 auto;
line-height: 1.2;
position: relative;
box-sizing: border-box;
justify-content: center;
background-color: #4e0d61;
text-decoration: none !important;
border-bottom-left-radius: var(--round, 5px);
border-top-left-radius: var(--round, 5px);
}
.easy-sticky-sidebar.tab-cta.vertical-cta {
width: max-content !important
}
.easy-sticky-sidebar.vertical-cta .sticky-sidebar-button {
width: auto;
padding: 0 20px;
order: -1;
align-items: center;
min-height: var(--buttonHeight);
border-radius: var(--round) var(--round) 0 0;
}
.easy-sticky-sidebar.vertical-cta.sticky-cta-position-top {
border-radius: 0 0 var(--round) var(--round);
}
.easy-sticky-sidebar.vertical-cta.sticky-cta-position-top.shrink {
--translateY: calc((100% * -1) + var(--buttonHeight) + var(--position_distance));
}
.easy-sticky-sidebar.vertical-cta.sticky-cta-position-top .sticky-sidebar-button {
order: 333;
border-radius: 0 0 var(--round) var(--round);
}
.easy-sticky-sidebar.vertical-cta.sticky-cta-left,
.easy-sticky-sidebar.vertical-cta.sticky-cta-right {
--translateX: 0
}
@media screen and (min-width: 1025px) {
.sticky-sidebar-desktop {
opacity: 1 !important;
visibility: visible !important;
pointer-events: all !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.sticky-sidebar-tablet {
opacity: 1 !important;
visibility: visible !important;
pointer-events: all !important;
}
}
@media screen and (max-width: 767px) {
.sticky_cta_bottom {
bottom: 0;
}
.sticky_cta_top {
top: 0
}
.easy-sticky-sidebar {
--width: 90%
}
.sticky-sidebar-mobile {
opacity: 1 !important;
visibility: visible !important;
pointer-events: all !important;
}
}
.easy-sticky-sidebar.ess-floating-buttons {
--button_width: 50px;
--translateX: calc((100% - var(--button_width)) * var(--multiply, 1));
--translateY: -50%;
width: auto;
font-size: 13px;
display: block;
transform: translate(var(--translateX), var(--translateY));
}
.easy-sticky-sidebar.ess-floating-buttons.sticky-cta-position-left {
--multiply: -1;
direction: rtl
}
.easy-sticky-sidebar.ess-floating-buttons:hover {
--multiply: 0 !important
}
.easy-sticky-sidebar.ess-floating-buttons.vertical-cta {
--transformX: -50%;
--transformY: calc(-100% + var(--button_width));
writing-mode: vertical-lr;
transform: translate(var(--transformX, -50%), var(--transformY));
}
.easy-sticky-sidebar.ess-floating-buttons.vertical-cta-top {
direction: rtl
}
.easy-sticky-sidebar.ess-floating-buttons.vertical-cta-bottom {
--transformY: calc(100% - var(--button_width))
}
.easy-sticky-sidebar.ess-floating-buttons.vertical-cta:hover {
--transformY: 0 !important
}
ul.floating-buttons-container * {
box-sizing: border-box
}
ul.floating-buttons-container {
--padding: 15px;
--background_color: #1b2748;
color: #fff;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
background-color: var(--background_color);
}
ul.floating-buttons-container>li {
list-style: none !important;
white-space: nowrap;
color: var(--color, inherit);
background-color: var(--background_color);
}
ul.floating-buttons-container>li:hover {
--background_color: #111a35;
}
ul.floating-buttons-container>li:hover {
color: var(--hover_color);
background-color: var(--background_hover_color, var(--background_color))
}
ul.floating-buttons-container>li>a {
color: inherit;
text-decoration: none !important
}
ul.floating-buttons-container>li:not(.has-link),
ul.floating-buttons-container>li>a {
display: flex;
gap: 10px;
align-items: center;
padding-inline-end: var(--padding)
}
ul.floating-buttons-container>li:not(.has-link)>*,
ul.floating-buttons-container>li>a>* {
flex: 1
}
ul.floating-buttons-container li .icon {
display: flex;
flex: 0 0 auto;
text-align: center;
align-items: center;
align-self: stretch;
width: var(--button_width); margin-inline-end: 0;
padding: var(--padding);
}
ul.floating-buttons-container li .icon:after,
ul.floating-buttons-container li .icon:before {
flex: 1;
}
.easy-sticky-sidebar.floating-button-no-text ul.floating-buttons-container li .icon {
margin-inline-end: calc(var(--padding) * -1)
}
.easy-sticky-sidebar.floating-buttons.sticky-cta-top {
--translateY: 0
}
.easy-sticky-sidebar.floating-buttons.sticky-cta-bottom {
--translateY: 0
}
.easy-sticky-sidebar.floating-buttons.sticky-cta-left {
--transformX: 0
}
.easy-sticky-sidebar.floating-buttons.sticky-cta-right {
--transformX: 0
}
.easy-sticky-sidebar.vertical-cta ul.floating-buttons-container li .icon {
height: var(--button_width)
}
.easy-sticky-sidebar.sticky-cta .sticky-sidebar-button>div i {
margin-inline-end: 8px;
}