@import "../../../../custom-icons.css";

/*
    General
*/

:root {
    --backgroundContainers: #fff;
}


.btn, input, textarea {
    border-radius: 7px !important;
}

.gr-widget-container{
    max-width: 700px;
}


.gr-btn-language {
    background: transparent !important;
    border: none !important;   
    outline: none !important;
    cursor: pointer;
}

#section-print-qr li::marker {
    color: var(--primary);
}



/*  
    End General
*/


/*
    General Slider
*/
.slider {
    width: 100%;
    position: relative;
}

.swiper {
    width: 100%;
    z-index: 0;
}

.swiper-wrapper {
    z-index: 0;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;   
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*
    End General Slider
*/


/* 
    Social Slider 
*/

#gr-share-slider .swiper-slide {
    width: 100px;    
}

#gr-share-slider .next-social,  #gr-share-slider .prev-social{
    border-bottom: 1px solid;    
    color: #b7b7b7;
    padding: 5px;
}

 #gr-share-slider .prev-social{
    border-right: 1px solid;    
}

#gr-share-slider .next-social{
    border-left: 1px solid;
}

#gr-share-slider .prev-social img{
    transform: rotate(-180deg);
}


#gr-share-slider-items a, #gr-share-slider-items a:hover {
    text-decoration: none !important;
}

#gr-share-slider .swiper-wrapper .swiper-slide {
    margin-bottom: -1px;
}

#gr-share-slider .swiper-wrapper .gr-slider-link{
    color: #b7b7b7;
    width: 100%;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

#gr-share-slider .swiper-wrapper .gr-slider-link.active{
    border-bottom: none;
    border-top: 2px solid var(--primary);
    color: var(--primary);
    background-color: var(--backgroundContainers);
}

#gr-share-slider .gr-slider-link .social {
    width: 25px;
    height: 25px;

    margin-left: auto !important;
    margin-right: auto !important;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; 

    background-color: #9c9c9e;
}

#gr-share-slider .gr-slider-link:hover .social {
    background-color: var(--primary) !important;
}
#gr-share-slider .swiper-wrapper .gr-slider-link:hover{    
    color: var(--primary);
}

#gr-share-slider .gr-slider-link.active .social{
    background-color: var(--primary) !important;
}

.gr_mask_email {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-24.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-24.svg);    
}

.gr_mask_sms {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-28.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-28.svg);    
}

.gr_mask_whatsapp {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-25.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-25.svg);    
}

.gr_mask_messenger {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-29.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-29.svg);    
}

.gr_mask_facebook {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-26.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-26.svg);    
}

.gr_mask_telegram {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-31.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-31.svg);    
}

.gr_mask_twitter {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-27.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-27.svg);    
}

.gr_mask_instagram {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-32.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-32.svg);    
}

.gr_mask_linkedin {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-33.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-33.svg);    
}

.gr_mask_pinterest {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-34.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-34.svg);    
}

.gr_mask_tiktok {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-22.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-22.svg);    
}

.gr_mask_mak_mat {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-23.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-23.svg);    
}

.gr_mask_direct_referral {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-21.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-21.svg);    
}

.gr_mask_qr_code {
    -webkit-mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-20.svg);
    mask-image: url(../../../../../../images/pos-bluejay/ASSETS2-20.svg);    
}
/* 
    END Social Slider 
*/

/*
Marketing Materials
*/

.gr-preview-content {
    width: 120px;
    height: 120px;
    position: relative;
}
.gr-preview-content img{
    max-width: 100%;
    max-height: 100%;
}

.gr-markt-mat-element {
    border-bottom: 1px solid var(--secondary);
}


/*
Marketing Materials
*/


/*
    Coupon Code, Personal Link
*/


.gr-personal-link-editable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    height: 42.58px;
    border-radius: 7px !important;
}

#gr-coupon-code-editable {
    background-image: repeating-linear-gradient(1deg, #333333, #333333 23px, transparent 23px, transparent 41px, #333333 41px), repeating-linear-gradient(91deg, #333333, #333333 23px, transparent 23px, transparent 41px, #333333 41px), repeating-linear-gradient(181deg, #333333, #333333 23px, transparent 23px, transparent 41px, #333333 41px), repeating-linear-gradient(271deg, #333333, #333333 23px, transparent 23px, transparent 41px, #333333 41px);
    background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    }

/*
    End Coupon Code, Personal Link
*/


/*
    Share containers
*/
.gr-widget-share-container {
    min-height: 50px;  
}


/*
    End Share Section
*/


@media (max-width: 600px) {

    .gr-widget-container{
        width: 100%;
    }

    #gr-share-slider .swiper-slide {
        width: 53.75px;
    }  

}