933 lines
38 KiB
CSS
933 lines
38 KiB
CSS
/* stylelint-disable length-zero-no-unit */
|
|
/* stylelint-enable length-zero-no-unit */
|
|
.fusion-builder-elements-button-all {
|
|
--button_margin-top: 0px;
|
|
--button_margin-right: 0px;
|
|
--button_margin-bottom: 0px;
|
|
--button_margin-left: 0px;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
font-family: var(--button_typography-font-family);
|
|
font-weight: var(--button_typography-font-weight);
|
|
font-style: var(--button_typography-font-style, normal);
|
|
letter-spacing: var(--button_typography-letter-spacing);
|
|
border-width: var(--button_border_width-top, 0) var(--button_border_width-right, 0) var(--button_border_width-bottom, 0) var(--button_border_width-left, 0);
|
|
border-style: solid;
|
|
border-radius: var(--button-border-radius-top-left, 0) var(--button-border-radius-top-right, 0) var(--button-border-radius-bottom-right, 0) var(--button-border-radius-bottom-left, 0);
|
|
text-transform: var(--button_text_transform);
|
|
transition: all 200ms;
|
|
margin: var(--button_margin-top) var(--button_margin-right) var(--button_margin-bottom) var(--button_margin-left);
|
|
}
|
|
button.button,
|
|
.fusion-body .fusion-button-default-size {
|
|
padding-top: var(--button_padding-top, 13px);
|
|
padding-right: var(--button_padding-right, 29px);
|
|
padding-bottom: var(--button_padding-bottom, 13px);
|
|
padding-left: var(--button_padding-left, 29px);
|
|
line-height: var(--button_line_height, 1);
|
|
font-size: var(--button_font_size, 14px);
|
|
}
|
|
button.button .fusion-button-text-left,
|
|
.fusion-body .fusion-button-default-size .fusion-button-text-left {
|
|
display: inline-block;
|
|
margin-left: calc(var(--button_padding-left, 29px) / 2 + var(--button_font_size, 14px) + 1px);
|
|
}
|
|
button.button .fusion-button-text-right,
|
|
.fusion-body .fusion-button-default-size .fusion-button-text-right {
|
|
display: inline-block;
|
|
margin-right: calc(var(--button_padding-right, 29px) / 2 + var(--button_font_size, 14px) + 1px);
|
|
}
|
|
button.button .button-icon-divider-left,
|
|
.fusion-body .fusion-button-default-size .button-icon-divider-left,
|
|
button.button .button-icon-divider-right,
|
|
.fusion-body .fusion-button-default-size .button-icon-divider-right {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: calc(var(--button_padding-left, 29px) + var(--button_font_size, 14px));
|
|
}
|
|
button.button .button-icon-divider-left i,
|
|
.fusion-body .fusion-button-default-size .button-icon-divider-left i,
|
|
button.button .button-icon-divider-left img,
|
|
.fusion-body .fusion-button-default-size .button-icon-divider-left img,
|
|
button.button .button-icon-divider-right i,
|
|
.fusion-body .fusion-button-default-size .button-icon-divider-right i,
|
|
button.button .button-icon-divider-right img,
|
|
.fusion-body .fusion-button-default-size .button-icon-divider-right img {
|
|
display: block;
|
|
}
|
|
.fusion-builder-elements-button-main-default {
|
|
background: var(--button_gradient_top_color);
|
|
color: var(--button_accent_color);
|
|
border-color: var(--button_border_color);
|
|
}
|
|
.fusion-builder-elements-button-main-default .fusion-button-text {
|
|
color: var(--button_accent_color);
|
|
}
|
|
.fusion-builder-elements-button-main-default:hover .fusion-button-text,
|
|
.fusion-builder-elements-button-main-default:focus .fusion-button-text,
|
|
.fusion-builder-elements-button-main-default:active .fusion-button-text {
|
|
color: var(--button_accent_hover_color, var(--button_accent_color));
|
|
}
|
|
.fusion-builder-elements-button-main-gradient {
|
|
--button_gradient: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
|
|
background-image: var(--button_gradient);
|
|
}
|
|
.fusion-builder-elements-button-main-hover-gradient,
|
|
.fusion-builder-elements-button-main-focus-gradient,
|
|
.fusion-builder-elements-button-main-active-gradient {
|
|
--button_gradient_hover: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%));
|
|
background-image: var(--button_gradient_hover);
|
|
}
|
|
.fusion-builder-elements-button-main-radial-gradient {
|
|
--button_gradient: radial-gradient(circle at var(--button_radial_direction, center center), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
|
|
background-image: var(--button_gradient);
|
|
}
|
|
.fusion-builder-elements-button-main-radial-hover-gradient,
|
|
.fusion-builder-elements-button-main-radial-focus-gradient,
|
|
.fusion-builder-elements-button-main-radial-active-gradient {
|
|
--button_gradient_hover: radial-gradient(circle at var(--button_radial_direction, center center), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%));
|
|
background-image: var(--button_gradient_hover);
|
|
}
|
|
.fusion-builder-elements-button-main-visited {
|
|
color: var(--button_accent_color);
|
|
}
|
|
.fusion-builder-elements-button-main-hover,
|
|
.fusion-builder-elements-button-main-focus,
|
|
.fusion-builder-elements-button-main-active {
|
|
background: var(--button_gradient_top_color_hover);
|
|
color: var(--button_accent_hover_color, var(--button_accent_color));
|
|
border-color: var(--button_border_hover_color);
|
|
}
|
|
.fusion-builder-elements-button-main-span-yes {
|
|
width: 100%;
|
|
}
|
|
.fusion-button.button-flat {
|
|
box-shadow: none !important;
|
|
}
|
|
.fusion-button-wrapper {
|
|
display: inline;
|
|
}
|
|
.fusion-button-wrapper.fusion-aligncenter {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.fusion-button-wrapper.fusion-align-block {
|
|
display: block;
|
|
}
|
|
.fusion-disable-outline .bbp-submit-wrapper .button,
|
|
.fusion-disable-outline .fusion-button,
|
|
.fusion-disable-outline .gform_wrapper .button,
|
|
.fusion-disable-outline .gform_wrapper .gform_button,
|
|
.fusion-disable-outline .post-password-form input[type="submit"],
|
|
.fusion-disable-outline .tribe-events-tickets .button,
|
|
.fusion-disable-outline .tribe-tickets button,
|
|
.fusion-disable-outline .woocommerce .cart-collaterals .checkout-button,
|
|
.fusion-disable-outline .woocommerce .checkout #place_order,
|
|
.fusion-disable-outline .wpcf7-submit,
|
|
.fusion-disable-outline .tml-submit-wrap input[type="submit"],
|
|
.fusion-disable-outline .woocommerce.add_to_cart_inline .button,
|
|
.fusion-disable-outline .single_add_to_cart_button,
|
|
.fusion-disable-outline .button {
|
|
outline: 0;
|
|
}
|
|
.fusion-disable-outline .bbp-submit-wrapper .button:focus,
|
|
.fusion-disable-outline .fusion-button:focus,
|
|
.fusion-disable-outline .gform_wrapper .button:focus,
|
|
.fusion-disable-outline .gform_wrapper .gform_button:focus,
|
|
.fusion-disable-outline .post-password-form input[type="submit"]:focus,
|
|
.fusion-disable-outline .tribe-events-tickets .button:focus,
|
|
.fusion-disable-outline .tribe-tickets button:focus,
|
|
.fusion-disable-outline .woocommerce .cart-collaterals .checkout-button:focus,
|
|
.fusion-disable-outline .woocommerce .checkout #place_order:focus,
|
|
.fusion-disable-outline .wpcf7-submit:focus,
|
|
.fusion-disable-outline .tml-submit-wrap input[type="submit"]:focus,
|
|
.fusion-disable-outline .woocommerce.add_to_cart_inline .button:focus,
|
|
.fusion-disable-outline .single_add_to_cart_button:focus,
|
|
.fusion-disable-outline .button:focus {
|
|
outline: 0;
|
|
}
|
|
.fusion-button i,
|
|
.fusion-button-icon-divider,
|
|
.fusion-button-text {
|
|
transition: all 0.2s;
|
|
}
|
|
#bbp_user_edit_submit,
|
|
.bbp-submit-wrapper .button,
|
|
.button-small,
|
|
.fusion-body .fusion-button-small,
|
|
.single_add_to_cart_button,
|
|
.wpcf7-form .wpcf7-submit.button-small,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small {
|
|
padding: 9px 20px;
|
|
line-height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
#bbp_user_edit_submit .fusion-button-text-left,
|
|
.bbp-submit-wrapper .button .fusion-button-text-left,
|
|
.button-small .fusion-button-text-left,
|
|
.fusion-body .fusion-button-small .fusion-button-text-left,
|
|
.single_add_to_cart_button .fusion-button-text-left,
|
|
.wpcf7-form .wpcf7-submit.button-small .fusion-button-text-left,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .fusion-button-text-left {
|
|
display: inline-block;
|
|
padding-left: 25px;
|
|
}
|
|
#bbp_user_edit_submit .fusion-button-text-right,
|
|
.bbp-submit-wrapper .button .fusion-button-text-right,
|
|
.button-small .fusion-button-text-right,
|
|
.fusion-body .fusion-button-small .fusion-button-text-right,
|
|
.single_add_to_cart_button .fusion-button-text-right,
|
|
.wpcf7-form .wpcf7-submit.button-small .fusion-button-text-right,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .fusion-button-text-right {
|
|
display: inline-block;
|
|
padding-right: 25px;
|
|
}
|
|
#bbp_user_edit_submit .button-icon-divider-left,
|
|
.bbp-submit-wrapper .button .button-icon-divider-left,
|
|
.button-small .button-icon-divider-left,
|
|
.fusion-body .fusion-button-small .button-icon-divider-left,
|
|
.single_add_to_cart_button .button-icon-divider-left,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left {
|
|
padding: 0 10px;
|
|
}
|
|
#bbp_user_edit_submit .button-icon-divider-left.fusion-megamenu-image,
|
|
.bbp-submit-wrapper .button .button-icon-divider-left.fusion-megamenu-image,
|
|
.button-small .button-icon-divider-left.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-small .button-icon-divider-left.fusion-megamenu-image,
|
|
.single_add_to_cart_button .button-icon-divider-left.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left.fusion-megamenu-image {
|
|
padding: 0 5px;
|
|
}
|
|
#bbp_user_edit_submit .button-icon-divider-right,
|
|
.bbp-submit-wrapper .button .button-icon-divider-right,
|
|
.button-small .button-icon-divider-right,
|
|
.fusion-body .fusion-button-small .button-icon-divider-right,
|
|
.single_add_to_cart_button .button-icon-divider-right,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right {
|
|
padding: 0 10px;
|
|
}
|
|
#bbp_user_edit_submit .button-icon-divider-right.fusion-megamenu-image,
|
|
.bbp-submit-wrapper .button .button-icon-divider-right.fusion-megamenu-image,
|
|
.button-small .button-icon-divider-right.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-small .button-icon-divider-right.fusion-megamenu-image,
|
|
.single_add_to_cart_button .button-icon-divider-right.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right.fusion-megamenu-image {
|
|
padding: 0 5px;
|
|
}
|
|
#bbp_user_edit_submit .button-icon-divider-left i,
|
|
.bbp-submit-wrapper .button .button-icon-divider-left i,
|
|
.button-small .button-icon-divider-left i,
|
|
.fusion-body .fusion-button-small .button-icon-divider-left i,
|
|
.single_add_to_cart_button .button-icon-divider-left i,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left i,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left i,
|
|
#bbp_user_edit_submit .button-icon-divider-left img,
|
|
.bbp-submit-wrapper .button .button-icon-divider-left img,
|
|
.button-small .button-icon-divider-left img,
|
|
.fusion-body .fusion-button-small .button-icon-divider-left img,
|
|
.single_add_to_cart_button .button-icon-divider-left img,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left img,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left img,
|
|
#bbp_user_edit_submit .button-icon-divider-right i,
|
|
.bbp-submit-wrapper .button .button-icon-divider-right i,
|
|
.button-small .button-icon-divider-right i,
|
|
.fusion-body .fusion-button-small .button-icon-divider-right i,
|
|
.single_add_to_cart_button .button-icon-divider-right i,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right i,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right i,
|
|
#bbp_user_edit_submit .button-icon-divider-right img,
|
|
.bbp-submit-wrapper .button .button-icon-divider-right img,
|
|
.button-small .button-icon-divider-right img,
|
|
.fusion-body .fusion-button-small .button-icon-divider-right img,
|
|
.single_add_to_cart_button .button-icon-divider-right img,
|
|
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right img,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right img {
|
|
display: block;
|
|
}
|
|
.button-medium,
|
|
.fusion-body .fusion-button-medium,
|
|
.ticket-selector-submit-btn[type=submit],
|
|
.wpcf7-form .wpcf7-submit.button-medium,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium {
|
|
padding: 11px 23px;
|
|
line-height: 16px;
|
|
font-size: 13px;
|
|
}
|
|
.button-medium .fusion-button-text-left,
|
|
.fusion-body .fusion-button-medium .fusion-button-text-left,
|
|
.ticket-selector-submit-btn[type=submit] .fusion-button-text-left,
|
|
.wpcf7-form .wpcf7-submit.button-medium .fusion-button-text-left,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .fusion-button-text-left {
|
|
display: inline-block;
|
|
padding-left: 28px;
|
|
}
|
|
.button-medium .fusion-button-text-right,
|
|
.fusion-body .fusion-button-medium .fusion-button-text-right,
|
|
.ticket-selector-submit-btn[type=submit] .fusion-button-text-right,
|
|
.wpcf7-form .wpcf7-submit.button-medium .fusion-button-text-right,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .fusion-button-text-right {
|
|
display: inline-block;
|
|
padding-right: 28px;
|
|
}
|
|
.button-medium .button-icon-divider-left,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-left,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left {
|
|
padding: 0 12.5px;
|
|
}
|
|
.button-medium .button-icon-divider-left.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-left.fusion-megamenu-image,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left.fusion-megamenu-image {
|
|
padding: 0 6.25px;
|
|
}
|
|
.button-medium .button-icon-divider-right,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-right,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right {
|
|
padding: 0 12.5px;
|
|
}
|
|
.button-medium .button-icon-divider-right.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-right.fusion-megamenu-image,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right.fusion-megamenu-image {
|
|
padding: 0 6.25px;
|
|
}
|
|
.button-medium .button-icon-divider-left i,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-left i,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left i,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left i,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left i,
|
|
.button-medium .button-icon-divider-left img,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-left img,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left img,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left img,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left img,
|
|
.button-medium .button-icon-divider-right i,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-right i,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right i,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right i,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right i,
|
|
.button-medium .button-icon-divider-right img,
|
|
.fusion-body .fusion-button-medium .button-icon-divider-right img,
|
|
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right img,
|
|
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right img,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right img {
|
|
display: block;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit],
|
|
.button-large,
|
|
.fusion-body .fusion-button-large,
|
|
.tml-submit-wrap input[type="submit"],
|
|
.wpcf7-form .wpcf7-submit.button-large,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large {
|
|
padding: 13px 29px;
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .fusion-button-text-left,
|
|
.button-large .fusion-button-text-left,
|
|
.fusion-body .fusion-button-large .fusion-button-text-left,
|
|
.tml-submit-wrap input[type="submit"] .fusion-button-text-left,
|
|
.wpcf7-form .wpcf7-submit.button-large .fusion-button-text-left,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .fusion-button-text-left {
|
|
display: inline-block;
|
|
padding-left: 34px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .fusion-button-text-right,
|
|
.button-large .fusion-button-text-right,
|
|
.fusion-body .fusion-button-large .fusion-button-text-right,
|
|
.tml-submit-wrap input[type="submit"] .fusion-button-text-right,
|
|
.wpcf7-form .wpcf7-submit.button-large .fusion-button-text-right,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .fusion-button-text-right {
|
|
display: inline-block;
|
|
padding-right: 34px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left,
|
|
.button-large .button-icon-divider-left,
|
|
.fusion-body .fusion-button-large .button-icon-divider-left,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-left,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left {
|
|
padding: 0 14.5px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left.fusion-megamenu-image,
|
|
.button-large .button-icon-divider-left.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-large .button-icon-divider-left.fusion-megamenu-image,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-left.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left.fusion-megamenu-image {
|
|
padding: 0 7.25px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right,
|
|
.button-large .button-icon-divider-right,
|
|
.fusion-body .fusion-button-large .button-icon-divider-right,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-right,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right {
|
|
padding: 0 14.5px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right.fusion-megamenu-image,
|
|
.button-large .button-icon-divider-right.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-large .button-icon-divider-right.fusion-megamenu-image,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-right.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right.fusion-megamenu-image,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right.fusion-megamenu-image {
|
|
padding: 0 7.25px;
|
|
}
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left i,
|
|
.button-large .button-icon-divider-left i,
|
|
.fusion-body .fusion-button-large .button-icon-divider-left i,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-left i,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left i,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left i,
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left img,
|
|
.button-large .button-icon-divider-left img,
|
|
.fusion-body .fusion-button-large .button-icon-divider-left img,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-left img,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left img,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left img,
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right i,
|
|
.button-large .button-icon-divider-right i,
|
|
.fusion-body .fusion-button-large .button-icon-divider-right i,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-right i,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right i,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right i,
|
|
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right img,
|
|
.button-large .button-icon-divider-right img,
|
|
.fusion-body .fusion-button-large .button-icon-divider-right img,
|
|
.tml-submit-wrap input[type="submit"] .button-icon-divider-right img,
|
|
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right img,
|
|
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right img {
|
|
display: block;
|
|
}
|
|
.button-xlarge,
|
|
.fusion-body .fusion-button-xlarge,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge {
|
|
padding: 17px 40px;
|
|
line-height: 21px;
|
|
font-size: 18px;
|
|
}
|
|
.button-xlarge .fusion-button-text-left,
|
|
.fusion-body .fusion-button-xlarge .fusion-button-text-left,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .fusion-button-text-left,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .fusion-button-text-left {
|
|
display: inline-block;
|
|
padding-left: 45px;
|
|
}
|
|
.button-xlarge .fusion-button-text-right,
|
|
.fusion-body .fusion-button-xlarge .fusion-button-text-right,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .fusion-button-text-right,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .fusion-button-text-right {
|
|
display: inline-block;
|
|
padding-right: 45px;
|
|
}
|
|
.button-xlarge .button-icon-divider-left,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-left,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left {
|
|
padding: 0 18.5px;
|
|
}
|
|
.button-xlarge .button-icon-divider-left.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-left.fusion-megamenu-image,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left.fusion-megamenu-image,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left.fusion-megamenu-image {
|
|
padding: 0 9.25px;
|
|
}
|
|
.button-xlarge .button-icon-divider-right,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-right,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right {
|
|
padding: 0 18.5px;
|
|
}
|
|
.button-xlarge .button-icon-divider-right.fusion-megamenu-image,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-right.fusion-megamenu-image,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right.fusion-megamenu-image,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right.fusion-megamenu-image {
|
|
padding: 0 9.25px;
|
|
}
|
|
.button-xlarge .button-icon-divider-left i,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-left i,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left i,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left i,
|
|
.button-xlarge .button-icon-divider-left img,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-left img,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left img,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left img,
|
|
.button-xlarge .button-icon-divider-right i,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-right i,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right i,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right i,
|
|
.button-xlarge .button-icon-divider-right img,
|
|
.fusion-body .fusion-button-xlarge .button-icon-divider-right img,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right img,
|
|
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right img {
|
|
display: block;
|
|
}
|
|
.button span {
|
|
line-height: normal;
|
|
}
|
|
.button-icon-left {
|
|
margin-right: 0.7em;
|
|
}
|
|
.button-icon-right {
|
|
margin-left: 0.7em;
|
|
}
|
|
.button-icon-divider-left,
|
|
.button-icon-divider-right {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
.button-icon-divider-left i,
|
|
.button-icon-divider-right i {
|
|
position: relative;
|
|
}
|
|
.button-icon-divider-left img,
|
|
.button-icon-divider-right img {
|
|
position: relative;
|
|
}
|
|
.button-small .button-icon-divider-left img,
|
|
.button-small .button-icon-divider-right img {
|
|
max-width: 22px;
|
|
}
|
|
.button-medium .button-icon-divider-left img,
|
|
.button-medium .button-icon-divider-right img {
|
|
max-width: 23px;
|
|
}
|
|
.button-large .button-icon-divider-left img,
|
|
.button-large .button-icon-divider-right img {
|
|
max-width: 24px;
|
|
}
|
|
.button-xlarge .button-icon-divider-left img,
|
|
.button-xlarge .button-icon-divider-right img {
|
|
max-width: 25px;
|
|
}
|
|
.button-icon-divider-left {
|
|
left: 0;
|
|
border-right: 1px solid;
|
|
}
|
|
.button-icon-divider-right {
|
|
right: 0;
|
|
border-left: 1px solid;
|
|
}
|
|
.fusion-builder-elements-button-default-size-default {
|
|
padding-top: var(--button_padding-top, 13px);
|
|
padding-right: var(--button_padding-right, 29px);
|
|
padding-bottom: var(--button_padding-bottom, 13px);
|
|
padding-left: var(--button_padding-left, 29px);
|
|
line-height: var(--button_line_height, 1);
|
|
font-size: var(--button_font_size, 14px);
|
|
}
|
|
.fusion-button i {
|
|
color: var(--button_accent_color);
|
|
}
|
|
.fusion-button.hover i,
|
|
.fusion-button:hover i,
|
|
.fusion-button:focus i {
|
|
color: var(--button_accent_hover_color, var(--button_accent_color));
|
|
}
|
|
.fusion-button[data-hover="icon_position"] .fusion-button-text {
|
|
transition: color 0.2s, opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s 0.125s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
--button-hover-content-transition: color 0.2s, opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s 0.125s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button[data-hover="icon_position"] i {
|
|
transition: color 0.2s, opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s, transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s;
|
|
--button-hover-content-transition: color 0.2s, opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s, transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s;
|
|
}
|
|
.fusion-button[data-hover="icon_position"] i + i {
|
|
opacity: 0;
|
|
transition-delay: 0s;
|
|
margin: 0;
|
|
}
|
|
.fusion-button[data-hover="icon_position"]:hover i {
|
|
transition-delay: 0s;
|
|
opacity: 0;
|
|
}
|
|
.fusion-button[data-hover="icon_position"]:hover i + i {
|
|
opacity: 1;
|
|
transform: translateX(0) !important;
|
|
transition-delay: 0.25s;
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left .fusion-button-text {
|
|
margin-right: -1em;
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left i + i {
|
|
order: 1;
|
|
transform: translateX(1em);
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left:hover .fusion-button-text {
|
|
transform: translateX(-1.7em);
|
|
--button-slide-text-hover-1: translateX(-1.7em);
|
|
--button-slide-text-hover-2: translateX(-1.7em);
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left:hover i {
|
|
transform: translateX(-1em);
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right .fusion-button-text {
|
|
margin-left: -1em;
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right i + i {
|
|
order: -1;
|
|
transform: translateX(-1em);
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right:hover .fusion-button-text {
|
|
transform: translateX(1.7em);
|
|
}
|
|
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right:hover i {
|
|
transform: translateX(1em);
|
|
}
|
|
.fusion-button[data-hover="icon_slide"] > i {
|
|
animation: slide_icon_reverse 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button[data-hover="icon_slide"] .awb-button__hover-content > i {
|
|
animation: slide_icon_reverse_two_icons_1 0.2s 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) both;
|
|
}
|
|
.fusion-button[data-hover="icon_slide"] .awb-button__hover-content > i + i {
|
|
animation: slide_icon_reverse_two_icons_2 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) both;
|
|
}
|
|
.fusion-button[data-hover="icon_slide"]:hover > i {
|
|
animation: slide_icon 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button[data-hover="icon_slide"]:hover .awb-button__hover-content > i {
|
|
animation: slide_icon_two_icons_1 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) both;
|
|
}
|
|
.fusion-button[data-hover="icon_slide"]:hover .awb-button__hover-content > i + i {
|
|
animation: slide_icon_two_icons_2 0.2s 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) both;
|
|
opacity: 0;
|
|
}
|
|
@keyframes slide_icon {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
25% {
|
|
opacity: 0;
|
|
}
|
|
26% {
|
|
transform: translateX(1.25em);
|
|
}
|
|
27% {
|
|
transform: translateX(-1.25em);
|
|
}
|
|
75% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
@keyframes slide_icon_reverse {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
25% {
|
|
opacity: 0;
|
|
}
|
|
26% {
|
|
transform: translateX(-1.25em);
|
|
}
|
|
27% {
|
|
transform: translateX(1.25em);
|
|
}
|
|
75% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
@keyframes slide_icon_two_icons_1 {
|
|
0% {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
99% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateX(1.25em);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes slide_icon_two_icons_2 {
|
|
0% {
|
|
transform: translateX(-1.25em);
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes slide_icon_reverse_two_icons_1 {
|
|
0% {
|
|
transform: translateX(1.25em);
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
@keyframes slide_icon_reverse_two_icons_2 {
|
|
0% {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateX(-1.25em);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.fusion-button[data-hover="icon_rotate"] i {
|
|
transition: all 0.2s, transform 0.6s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
--button-hover-content-transition: color 0.2s, opacity 0.6s cubic-bezier(0.21, 0.6, 0.35, 1) 0.2s, transform 0.6s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button[data-hover="icon_rotate"]:hover i {
|
|
transform: rotate(360deg);
|
|
--button-slide-text-hover-1: rotate(360deg);
|
|
--button-slide-text-hover-2: rotate(360deg);
|
|
}
|
|
.fusion-button[data-hover="underline"] {
|
|
--button-underline-origin: left;
|
|
--button-underline-origin-hover: right;
|
|
}
|
|
.rtl .fusion-button[data-hover="underline"] {
|
|
--button-underline-origin: right;
|
|
--button-underline-origin-hover: left;
|
|
}
|
|
.fusion-button[data-hover="underline"] .fusion-button-text {
|
|
position: relative;
|
|
}
|
|
.fusion-button[data-hover="underline"] .fusion-button-text:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
width: 100%;
|
|
border-bottom: 1px solid currentColor;
|
|
transition: transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
transform-origin: var(--button-underline-origin);
|
|
}
|
|
.fusion-button[data-hover="underline"]:hover .fusion-button-text:after {
|
|
transform: scaleX(0);
|
|
transform-origin: var(--button-underline-origin-hover);
|
|
}
|
|
.fusion-button[data-hover="text_slide_up"] {
|
|
--button-slide-text-2: translateY(90%);
|
|
--button-slide-text-hover-1: translateY(-90%);
|
|
--button-slide-text-hover-2: translateY(0%);
|
|
}
|
|
.fusion-button[data-hover="text_slide_down"] {
|
|
--button-slide-text-2: translateY(-90%);
|
|
--button-slide-text-hover-1: translateY(90%);
|
|
--button-slide-text-hover-2: translateY(0%);
|
|
--button-hover-content-transition: color 0.2s, opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button[data-hover*="bg_slide"] {
|
|
overflow: hidden;
|
|
}
|
|
.fusion-button[data-hover*="bg_slide"]:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
transform: translateZ(0);
|
|
backface-visibility: hidden;
|
|
transition: clip-path 0.35s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
background: var(--button_gradient_hover, var(--button_gradient_top_color_hover));
|
|
}
|
|
.fusion-button[data-hover*="bg_slide"].fusion-button-span-yes:before {
|
|
transition-duration: 0.6s;
|
|
}
|
|
.fusion-button[data-hover*="bg_slide"]:hover {
|
|
background: var(--button_gradient, var(--button_gradient_top_color));
|
|
}
|
|
.fusion-button[data-hover*="bg_slide"] > i,
|
|
.fusion-button[data-hover*="bg_slide"] .fusion-button-text {
|
|
position: relative;
|
|
}
|
|
.fusion-button[data-hover="bg_slide_right"]:before {
|
|
clip-path: polygon(0 0, 0 0, -50% 100%, 0 100%);
|
|
}
|
|
.fusion-button[data-hover="bg_slide_right"]:hover:before {
|
|
clip-path: polygon(0 0, 150% 0, 100% 100%, 0 100%);
|
|
}
|
|
.fusion-button[data-hover="bg_slide_left"]:before {
|
|
clip-path: polygon(100% 0, 150% 0, 100% 100%, 100% 100%);
|
|
}
|
|
.fusion-button[data-hover="bg_slide_left"]:hover:before {
|
|
clip-path: polygon(100% 0, 0 0, -50% 100%, 100% 100%);
|
|
}
|
|
.fusion-button .awb-button__icon--no-margin {
|
|
margin: 0;
|
|
}
|
|
.fusion-button .awb-button__hover-content {
|
|
display: flex;
|
|
align-items: center;
|
|
--button-hover-content-transition: color 0.2s, opacity 0.2s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button .awb-button__hover-content .awb-button__icon,
|
|
.fusion-button .awb-button__hover-content .awb-button__text {
|
|
transition: var(--button-hover-content-transition);
|
|
}
|
|
.fusion-button .awb-button__hover-content .awb-button__icon--hover,
|
|
.fusion-button .awb-button__hover-content .awb-button__text--hover {
|
|
transform: var(--button-slide-text-2);
|
|
opacity: 0;
|
|
}
|
|
.fusion-button .awb-button__hover-content .awb-button__icon:nth-child(2),
|
|
.fusion-button .awb-button__hover-content .awb-button__text:nth-child(2) {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.fusion-button .awb-button__hover-content--centered {
|
|
justify-content: center;
|
|
}
|
|
.fusion-button .awb-button__hover-content--centered .awb-button__icon {
|
|
margin: 0;
|
|
}
|
|
.fusion-button:hover .awb-button__hover-content .awb-button__icon--default,
|
|
.fusion-button:hover .awb-button__hover-content .awb-button__text--default {
|
|
transform: var(--button-slide-text-hover-1);
|
|
opacity: 0;
|
|
}
|
|
.fusion-button:hover .awb-button__hover-content .awb-button__icon--hover,
|
|
.fusion-button:hover .awb-button__hover-content .awb-button__text--hover {
|
|
transform: var(--button-slide-text-hover-2);
|
|
opacity: 1;
|
|
}
|
|
.fusion-button .awb-button-text-transition {
|
|
display: flex;
|
|
}
|
|
.fusion-button .awb-button-text-transition .fusion-button-text {
|
|
transition: color 0.2s, opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
|
|
}
|
|
.fusion-button .awb-button-text-transition .fusion-button-text:nth-child(2) {
|
|
transform: var(--button-slide-text-2);
|
|
position: absolute;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.fusion-button:hover .awb-button-text-transition .fusion-button-text:nth-child(1) {
|
|
transform: var(--button-slide-text-hover-1);
|
|
opacity: 0;
|
|
}
|
|
.fusion-button:hover .awb-button-text-transition .fusion-button-text:nth-child(2) {
|
|
transform: var(--button-slide-text-hover-2);
|
|
opacity: 1;
|
|
}
|
|
.fusion-button.button-3d {
|
|
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-button.button-3d:active {
|
|
transform: translateY(calc(0.15em - 1px));
|
|
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-button.button-3d:hover {
|
|
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color_hover), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-button.button-3d:hover:active {
|
|
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color_hover), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-builder-elements-button-3d {
|
|
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-builder-elements-button-3d-active {
|
|
transform: translateY(calc(0.15em - 1px));
|
|
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-builder-elements-button-3d-hover {
|
|
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color_hover), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-builder-elements-button-3d-hover-active {
|
|
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color_hover), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
|
|
}
|
|
.fusion-builder-elements-button-quantity-default-qty {
|
|
width: var(--qty_size-width, 38px);
|
|
}
|
|
.fusion-builder-elements-button-quantity-default {
|
|
font-size: var(--qty_font_size, 14px);
|
|
width: var(--qty_size-height, 36px);
|
|
height: var(--qty_size-height, 36px);
|
|
line-height: 1;
|
|
}
|
|
.fusion-body .quantity,
|
|
.single-product .product .summary .cart .quantity {
|
|
width: calc(var(--qty_size-width, 38px) + var(--qty_size-height, 36px) + var(--qty_size-height, 36px));
|
|
}
|
|
.fusion-button-span-yes {
|
|
width: calc(100% - var(--button_margin-left, 0) - var(--button_margin-right, 0));
|
|
}
|
|
body.fusion-button_span-yes .fusion-button-default-span {
|
|
width: calc(100% - var(--button_margin-left, 0) - var(--button_margin-right, 0));
|
|
}
|
|
.fusion-button.fusion-button-submitting {
|
|
outline: 0;
|
|
letter-spacing: 0;
|
|
}
|
|
.fusion-button.fusion-button-submitting span,
|
|
.fusion-button.fusion-button-submitting:hover span,
|
|
.fusion-button.fusion-button-submitting:focus span,
|
|
.fusion-button.fusion-button-submitting:active span {
|
|
color: transparent !important;
|
|
}
|
|
.fusion-button.fusion-button-submitting::after {
|
|
content: "";
|
|
display: inline-block;
|
|
position: absolute;
|
|
z-index: 10;
|
|
line-height: 1;
|
|
width: 0.4em;
|
|
height: 0.4em;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
border-radius: 50%;
|
|
animation: dots 0.75s infinite cubic-bezier(0.42, 0.01, 0.58, 1);
|
|
}
|
|
@keyframes dots {
|
|
0% {
|
|
box-shadow: 1.5em 0 currentColor, -1.5em 0 color-mix(in sRGB, currentColor 50%, transparent);
|
|
background: currentColor;
|
|
}
|
|
33% {
|
|
box-shadow: 1.5em 0 currentColor, -1.5em 0 color-mix(in sRGB, currentColor 50%, transparent);
|
|
background: currentColor;
|
|
}
|
|
66% {
|
|
box-shadow: 1.5em 0 color-mix(in sRGB, currentColor 50%, transparent), -1.5em 0 currentColor;
|
|
background: color-mix(in sRGB, currentColor 50%, transparent);
|
|
}
|
|
100% {
|
|
box-shadow: 1.5em 0 color-mix(in sRGB, currentColor 50%, transparent), -1.5em 0 currentColor;
|
|
background: currentColor;
|
|
}
|
|
}
|