/*----------------------------------------------------------------------------*\
	BUTTON SHORTCODE
\*----------------------------------------------------------------------------*/
.rntp-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    z-index: 1; }
.rntp-button:hover {
    -webkit-transform: translate3d(0, 0, 0); }
.rntp-tooltip-wrap > .rntp-button {
    display: block; }

.rntp-button__content {
    position: relative;
    z-index: 2; }

.rntp-button-title {
    display: inline-block;
    vertical-align: middle; }

.rntp-button-icon {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.rntp-button__background {
    position: absolute;
    z-index: 1;
    opacity: 0; }
.rntp-button:hover .rntp-button__background, .rntp-active .rntp-button .rntp-button__background, .rntp-parent-hover:hover .rntp-button .rntp-button__background {
    opacity: 1; }
.rntp-button__background.rntp-effect-type--fade.rntp-effect-side--in {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
.rntp-button__background.rntp-effect-type--slide.rntp-effect-side--top {
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%; }
.rntp-button:hover .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--top, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--top, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--top {
    top: 0; }
.rntp-button__background.rntp-effect-type--slide.rntp-effect-side--right {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%; }
.rntp-button:hover .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--right, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--right, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--right {
    left: 0; }
.rntp-button__background.rntp-effect-type--slide.rntp-effect-side--bottom {
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%; }
.rntp-button:hover .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--bottom, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--bottom, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--bottom {
    top: 0; }
.rntp-button__background.rntp-effect-type--slide.rntp-effect-side--left {
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%; }
.rntp-button:hover .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--left, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--left, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--slide.rntp-effect-side--left {
    left: 0; }
.rntp-button__background.rntp-effect-type--expand.rntp-effect-side--horizontal {
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%; }
.rntp-button:hover .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--horizontal, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--horizontal, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--horizontal {
    left: 5%;
    right: 5%; }
.rntp-button__background.rntp-effect-type--expand.rntp-effect-side--vertical {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0; }
.rntp-button:hover .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--vertical, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--vertical, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--vertical {
    top: 5%;
    bottom: 5%; }
.rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_left {
    top: 50%;
    bottom: 50%;
    left: -20%;
    right: -20%;
    transform: rotate(45deg); }
.rntp-button:hover .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_left, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_left, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_left {
    top: -60%;
    bottom: -60%; }
.rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_right {
    top: 50%;
    bottom: 50%;
    left: -20%;
    right: -20%;
    transform: rotate(-45deg); }
.rntp-button:hover .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_right, .rntp-active .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_right, .rntp-parent-hover:hover .rntp-button .rntp-button__background.rntp-effect-type--expand.rntp-effect-side--diagonal_right {
    top: -60%;
    bottom: -60%; }

.rntp-button__content.rntp-effect-type--stay.rntp-effect-side--left .rntp-button-icon {
    padding-right: .5em; }
.rntp-button__content.rntp-effect-type--stay.rntp-effect-side--left .rntp-button-title {
    padding-left: 0; }
.rntp-button__content.rntp-effect-type--stay.rntp-effect-side--right .rntp-button-icon {
    padding-left: .5em; }
.rntp-button__content.rntp-effect-type--stay.rntp-effect-side--right .rntp-button-title {
    padding-right: 0; }
.rntp-button__content.rntp-effect-type--slide .rntp-button-icon {
    position: absolute;
    top: 50%;
    opacity: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.rntp-button:hover .rntp-button__content.rntp-effect-type--slide .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--slide .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--slide .rntp-button-icon {
    opacity: 1; }
.rntp-button__content.rntp-effect-type--slide.rntp-effect-side--left .rntp-button-icon {
    left: -100%;
    padding: 0; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--slide.rntp-effect-side--left .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--slide.rntp-effect-side--left .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--slide.rntp-effect-side--left .rntp-button-icon {
    left: 5%; }
.rntp-button__content.rntp-effect-type--slide.rntp-effect-side--right .rntp-button-icon {
    right: -100%;
    padding: 0; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--slide.rntp-effect-side--right .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--slide.rntp-effect-side--right .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--slide.rntp-effect-side--right .rntp-button-icon {
    right: 5%; }
.rntp-button__content.rntp-effect-type--push_out {
    overflow: hidden; }
.rntp-button__content.rntp-effect-type--push_out .rntp-button-icon {
    position: absolute;
    opacity: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out .rntp-button-icon {
    opacity: 1; }
.rntp-button__content.rntp-effect-type--push_out .rntp-button-title {
    position: relative; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-icon {
    top: -100%;
    left: 50%; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-icon {
    top: 50%; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-title {
    top: 0; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-title, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-title, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--top .rntp-button-title {
    top: 5em; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-icon {
    top: 50%;
    left: 150%; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-icon {
    left: 50%; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-title {
    left: 0; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-title, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-title, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--right .rntp-button-title {
    left: -100%; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-icon {
    top: 150%;
    left: 50%; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-icon {
    top: 50%; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-title {
    top: 0; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-title, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-title, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--bottom .rntp-button-title {
    top: -5em; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-icon {
    top: 50%;
    left: -100%; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-icon, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-icon, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-icon {
    left: 50%; }
.rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-title {
    left: 0; }
.rntp-button:hover .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-title, .rntp-active .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-title, .rntp-parent-hover:hover .rntp-button .rntp-button__content.rntp-effect-type--push_out.rntp-effect-side--left .rntp-button-title {
    left: 100%; }
