body.gbt_custom_notif .wc-block-components-notice-banner,
body.gbt_custom_notif .woocommerce-message,
body.gbt_custom_notif .woocommerce-error,
body.gbt_custom_notif .woocommerce-info,
body.gbt_custom_notif .woocommerce-notice {
display: none !important;
}
body.gbt_custom_notif .page-notifications {
top: 63px;
left: 100%;
margin: 0;
padding: 0;
background: transparent;
position: fixed;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 8889;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-content {
margin: 0 0 10px;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(0) {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(1) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(2) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(3) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(4) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(6) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(7) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(8) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(9) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice {
cursor: default;
}
body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice {
cursor: pointer;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(0) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(1) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(2) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(3) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(4) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(6) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(7) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(8) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(9) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
-webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
border: none;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 15px;
z-index: 8888;
font-weight: 600;
font-size: 16px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 320px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 400px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 465px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button {
color: #FFF;
text-transform: uppercase;
display: inline-block;
position: relative;
font-size: 13px;
padding: 0 !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: none;
min-width: 10px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a:after,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button:after {
font-family: "Shopkeeper-Icon-Font";
content: "\e902";
display: inline-block;
font-weight: normal;
color: #fff;
font-size: 16px;
padding: 0px 1px 0px 3.5px;
top: 2px;
position: relative;
margin-right: 5px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice form {
display: block !important;
width: 100%;
text-align: left;
min-height: 20px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
background: rgba(0, 0, 0, 0.2);
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33px;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 75px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 85px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33.5px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon.spk-icon-success:before {
content: "\e923";
font-family: "Shopkeeper-Icon-Font";
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 1.4;
margin: 0;
padding: 20px 25px;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 14px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message div,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text div {
display: table-cell;
vertical-align: middle;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message li,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text li {
list-style-type: none;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 75px;
width: 75px;
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background img {
height: 100%;
width: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 85px;
width: 85px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 90px;
width: 90px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-455px);
transform: translateX(-455px);
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-520px);
transform: translateX(-520px);
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.close-notice {
-webkit-transform: translateX(0);
transform: translateX(0);
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice svg {
display: none;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications {
top: 50px;
}
}
.rtl .page-notifications {
direction: ltr;
}
.woocommerce-account .page-notifications {
display: none;
}