/* This is how you would create a custom secondary theme on top of tooltipster-shadow: */

.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
    border: none;
    border-radius: 3px;
	border: 1px solid rgb(30, 52, 83);
    background: var(--wp--preset--color--white);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
}  

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
    margin-top: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
    margin-right: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
    margin-left: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
    margin-bottom: 6px
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
    color: var(--wp--preset--color--blue);
    font-size: 1rem;
    line-height: 1.2;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
    height: 6px;
    margin-left: -6px;
    width: 12px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    width: 6px
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
    display: block;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
    border: 6px solid transparent
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--wp--preset--color--blue)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--wp--preset--color--blue)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
    border-right-color: var(--wp--preset--color--blue)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--wp--preset--color--blue)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
    left: -6px
}