/*
 Theme Name:   WP Coupon Child
 Description:  WP Coupon Child Theme
 Author:       Osama Abdul Rahim
 Author URI:   https://osama-developer.com/
 Template:     wp-coupon
 Version:      1.0
*/

.ajax-coupons .load-more a.button i {
    font-family: Icons !important;
}


#wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow{
    font-family: dashicons !important;
}

html, body {
    overflow-x: hidden;
}
body {
    position: relative;
    text-align: left;
}

#thanks .message .alert{
    width: 60%;
    margin: 30px auto;
    text-align: center;
    color: #fff;
    background-color: #607D8B;
    padding: 10px;
    border-radius: 3px;
}

.site-footer{
    padding: 0px 0px 30px !important;
}

.site-footer .footer-social{
    text-align: center;
}

.site-footer .footer-social a{
    display: inline-block;
    margin-left: 7px;
}
.site-footer .footer-social a:hover{
    background-color: transparent !important;
}

.site-footer .footer-links{
    text-align: center;
}

.site-footer .footer-links a{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.site-footer .footer-links a:hover{
    color: #fff;
}

.site-footer  .wp-block-image {
    text-align: center;
}

.site-footer  .wp-block-image figure{
    margin: 0;
}


.site-footer .footer_copy{
    padding-top: 20px;
    margin-top: 0px;
    border-top: 1px solid #57cdf7;
    text-align: center;
	color: #fff;
}

.site-footer .footer_copy p,
.site-footer .footer_copy p a

{
    margin-bottom: 0;
    color: #fff;
}


.custom-page-header .header-content .entry-share .whatsapp :hover,
.single-share .entry-share .whatsapp :hover,
body.tax-coupon_category .entry-share .whatsapp :hover
{
    background-color: #40C351;
    color: #fff;
}



.st-menu > li > a:hover{
    color: #fff !important;
}


.single-store-header .header-thumb img {
    /*max-width: 100% !important;*/
    /*width: 100% !important;*/
}

.single-store-header .header-thumb{
    text-align: center !important;
}

.tax-coupon_store .header-content,
.tax-coupon_category .header-content,
.tax-coupon_types .header-content
{
    height: auto;
}

body.tax-coupon_store #more:focus {

}

.nav-user-action .st-menu li:first-of-type{
    display: none;
}

body.tax-coupon_store .social-likes,
.single-share .social-likes,
body.tax-coupon_category .social-likes
{
    justify-content: center;
}

body.tax-coupon_types .entry-share{
    display: none;
}

@media screen and (max-width: 767px) {
    #site-header-nav .primary-navigation{
        margin-top: 5px;
    }
    .st-menu.st-menu-mobile{
        padding-top: 50px;
    }
    .st-menu-mobile > li > a{
        transition: .3s all ease-in-out;
        padding: 18px 50px 19px !important;
        font-weight: bold !important;
        color: #9464CC !important;
        text-align: center;
    }
    .st-menu.st-menu-mobile .close{
        color: #aaa;
        float: left;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top: 2%;
        left: 10%;
    }
    .primary-header .menu-header {
        /*position: fixed;*/
        /*top: 0;*/
        /*right: 0;*/
        /*z-index: 99999;*/
        /*width: 100%;*/
        /*height: 100vh;*/
        /*background: #000000e3;*/
    }
    .st-menu-mobile  .mob-logo{
        text-align: center;
    }
    .st-menu-mobile  .mob-logo img{
        width: 130px;
    }
}

@media screen and (max-width: 500px) {
    .primary-navigation .st-menu > li > a, .nav-user-action .st-menu > li > a, .nav-user-action .st-menu > li > ul > li > a{
        font-size: 16px !important;
    }

    #thanks .message .alert{
        width: 100%;
    }

    .site-content #content-wrap{
        padding-bottom: 0;
    }

    .store-listing-item .coupon-detail .exp-text{
        display: none !important;
    }

    html,body{
        overflow-y: scroll;
    }

    .tax-coupon_category .header-thumb img{
        max-width: 100% !important;
        width: 100% !important;
    }
    .home #content .container {
        padding: 30px 10px !important;
    }
    .sticky-icons{
        right: 2%;
        left: auto;
    }
}


/*
    New Edit
*/

.home #primary,
.home #secondary
{
    float: none;
    width: 100%;
}
.home #secondary .widget_popular_stores .grid .column {
    width: 18%;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    margin-bottom: 25px;
    margin-left: 2%;
    background: #fff;
    border-radius: 10px;
    transition: .5s all ease;
}

.home #secondary .widget_popular_stores .grid .column:hover{
    transform: translateY(-8px);
}

.shadow-box {
    box-shadow: 0 0 5px 5px #eee;
    background: #fff;
}
.home #secondary .widget_popular_stores h3{
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 1%;
}
.home .st-coupons h3{
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;
    margin-left: 1%;
    font-size: 22px;
}




.home #primary  .coupon-filter{
    display:none;
}
.home #primary .st-list-coupons .store-listing-item{
    width: 49%;
    float:right;
    margin-left: 1%;
    position: relative;
}

.st-list-coupons .store-listing-item:before{
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fafafa;
    position: absolute;
    top: 50%;
    left: -5%;
    border-right: 3px solid #7842b5;
}

.single-coupon .head.st-list-coupons .store-listing-item:before{
    left: -3%;
}

.st-list-coupons .store-listing-item:after{
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fafafa;
    position: absolute;
    top: 50%;
    right: -5%;
    border-left: 3px solid #7842b5;
    visibility: visible;
}

.single-coupon .head.st-list-coupons .store-listing-item:after{
    right: -3%;
}

.home #primary .st-list-coupons {
    overflow:hidden
}

.home #primary .st-list-coupons .store-listing-item .coupon-detail .exp-text
{
    display:none
}
.coupon-button-type .coupon-code .get-code
{
    background: #00ad04;
}
.coupon-button-type .coupon-code .get-code:after{
    border-left: 44px solid #00ad04;
}
.store-listing-item .latest-coupon .coupon-title a:hover {
    color: #00ad04;
}
.ui.button.btn_primary {
    background: #5F71E5;
}


#header-search .header-search-input {
    margin-top: 8px;
}
#header-search input[type=text] {
    border: none;
    border-radius: 20px !important;
    padding-left: 3.6em!important;
}
#header-search .submit-icon {
    border: none;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
    left: 8px;
    top: 8px;
}


@media screen and (max-width: 767px){
    .home #primary .st-list-coupons .store-listing-item{
        float:none;
        width: 100%
    }
    .home #secondary .widget_popular_stores .grid .column {
        width: 33%;
        text-align: center;
    }

    .home .widget-title{
        text-align:center;
    }
}



/*
    New Edit
*/

body{
    background: #f8f9f9;
}
.header-menu{
    /*overflow: hidden;*/
    float: left;
    margin-left: 20px;
}

@media screen and (min-width: 767px) {
    .header-menu .st-menu li.menu-item-has-children .sub-menu li {
        float: left;
        width: 32%;
    }
    .header-menu .st-menu li.menu-item-has-children .sub-menu li a{
        font-size: 16px;
    }
}

.header-menu .st-menu li.menu-item-has-children:hover .sub-menu{
    position: absolute;
    bottom: 100%;
    left: 0px;
    display: block;
    z-index: 99999999;
    width: 500px;
    height: 230px;
    background: #fff;
    opacity: 1;
    padding-block: 12px;
}

.home #primary,
.home #secondary
{
    float: none;
    width: 100%;
}


.home #secondary .widget_popular_stores h3{
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.home #primary .st-coupons .widget-title{
    text-align:center;
    margin-bottom:30px
}

.coupon-filter{
    display:none;
}
.st-list-coupons .store-listing-item{
    border: 2px solid #7941B3;
    padding: 0 8px;
    margin-bottom: 30px;
    direction:rtl;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
}
.home #primary .st-list-coupons .store-listing-item{
    width: 31%;
    float:right;
    margin-left: 2%;

}
.st-list-coupons .store-listing-item:hover{
    box-shadow: 0 25px 25px 0 rgb(0 0 0 / 5%);
}
.store-listing-item .cop-head{
    /*padding: 0 10px;*/
    /*display: flex;*/
}
.store-listing-item .cop-head .store-thumb-link{
    margin: 0;
    background-color: #fff;
    width: 100%;
    text-align: center;
    padding-block: 15px;
}
.store-listing-item .cop-head .store-thumb-link img{
    width: 100px;
	height:100px;
    border-radius: 10px;
}
.store-listing-item .cop-head .left{
    flex:1;
}
.store-listing-item .cop-head .left .line{
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;

}


.store-listing-item .cop-head .left .line p{
    position: absolute;
    left: 3%;
    color: #fff;
    font-size: 15px;
    top: 10%;
    width: 40px;
    height: 40px;
    text-align: center !important;
    border-radius:  50%;
    background: #7941B3;
    line-height: 40px;
}
.store-listing-item .cop-head .left .line p:before{
    content: "";
    width: 2px;
    height: 32px;
    background: #7941B3;
    position: absolute;
    top: -51%;
    left: 45%;
}

.single-coupon .head .store-listing-item .cop-head .left .line p:before{
    top: -64%;
}
.single-coupon .head .store-listing-item.c-type-sale .cop-head .left .line p:before{
    top: -100% !important;
    height: 30px;
}

.store-listing-item .cop-head .left .line .tags{
    display: flex;
    align-items: center;
    display: none;
}
.store-listing-item .cop-head .left .line .tag{
    font-size: 13px;
    color: #fff;
    font-family: med;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0 9px;
}

.store-listing-item .cop-head .left .line .tags .code-tag{
    background-color: #5F6EEc;
}
.store-listing-item .cop-head .left .line .tags .valide-tag{
    background-color: #57CDF7;
    margin-right: 5px;
}
.store-listing-item .cop-head .left .line .tags .valide-tag:before{
    content: '\2713';
    font-weight: 900;
    font-size: 11px;
    margin-left: 4px;

}
.store-listing-item.c-type-sale .cop-head .left .line p{
    border-radius: 5px;
    width: 60px;
    height: 30px;
    line-height: 30px;
}
.store-listing-item.c-type-sale .cop-head .left .line p:before{
    top: -75%;
}
.home .store-listing-item.c-type-sale .cop-head .left .line p:before{
    top: -71%;
}
.store-listing-item .left .coupon-detail{
    margin-top:22px;
    display: none;
}
.store-listing-item .left .coupon-detail .coupon-button{
    height: 36px;
    border: 2px dashed #7842b5;
    display: flex;
    border-radius: 18px;
    align-items: center;
    padding: 0 28px;
    margin-top: 14px;
    font-size: 17px;
    color: #4d4d4d;
    position: relative;
    transition: all 0.3s ease-in-out;
    margin:0;
}
.store-listing-item .left .coupon-detail .coupon-deal{
    color: #fff !important;
    box-shadow:  none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background: #7941B3;
}

.store-listing-item .left .coupon-detail .coupon-button .get-code{
    position: absolute;
    left: -1px;
    background-color: #7842B5;
    top: -1px;
    bottom: -1px;
    border-radius: 20px;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    font-family: bold;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.store-listing-item .get-coupon {
    position: absolute;
    right: 3%;

    top: 10%;
    width: auto;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    background: #7941B3;

}
.store-listing-item .get-coupon a{
    color: #fff;
    font-size: 15px;
    line-height: 40px;
}

.single-coupon .store-listing-item .left .coupon-detail .coupon-button .get-code{
    width: 95%;
}
.store-listing-item .left .coupon-detail .coupon-button .get-code:before,.store-listing-item .left .coupon-detail .coupon-button .get-code:after{
    display:none
}
.store-listing-item .desc{
    margin-top:10px
}
.store-listing-item .desc .latest-coupon{
    float:none;
    margin:0;
    max-width: 100%;
}
.store-listing-item .desc .latest-coupon .coupon-des{
    display:none
}
.store-listing-item .desc .latest-coupon .coupon-title{
    padding-bottom:   10px;
    font-size: 17px;
    color: #4d4d4d;
    margin: 0;
    text-align: center;
}

.store-listing-item .desc .latest-coupon .coupon-title a{
    color: #4d4d4d;
    font-weight: bold;
}

.store-listing-item .cop-footer{
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ededed;
    display: none;
}
.store-listing-item .cop-footer a{
    color: #686868;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin: 0 6px;
    font-weight: bold;
}

.st-list-coupons {
    overflow:hidden
}

.st-list-coupons .store-listing-item .coupon-detail .exp-text
{
    display:none
}
.coupon-button-type .coupon-code .get-code
{
    background: #00ad04;
}
.coupon-button-type .coupon-code .get-code:after{
    border-left: 44px solid #00ad04;
}
.store-listing-item .latest-coupon .coupon-title a:hover {
    color: #00ad04;
}
.ui.button.btn_primary {
    background: #5F71E5;
}

.home #secondary .widget_popular_stores .store-thumb img{
    max-width: 100%;
    /*width: 145px;*/
    /*height: 145px !important;*/
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.home #secondary .widget_popular_stores .store-thumb  {
    border: none;

}



.home #primary .has-text-align-center{
    text-align:center
}
.home #primary .wp-block-latest-posts{
    list-style:none;
    overflow: hidden;
}
.home #primary .wp-block-latest-posts li{
    width: 32%;
    float:right;
    margin-left: 1%;
    text-align:right;
    margin-bottom:30px;
    padding: 10px;
    text-align: center;
}
.home #primary .wp-block-latest-posts li .aligncenter{
    text-align:center;
}
.home #primary .wp-block-latest-posts li .wp-block-latest-posts__featured-image{
    margin-bottom:20px;
}
.home #primary .wp-block-latest-posts li .wp-block-latest-posts__featured-image img,
.blog .post-entry .post-thumbnail img
{
    width: 100%;
    height: 170px;
}
.home #primary .wp-block-latest-posts li a{
    font-size: 17px;
    color: #4d4d4d;
    font-weight:bold;
    line-height: 27px;
    transition: .3s all ease;

}
.home #primary .wp-block-latest-posts li a:hover{
    color: #7941B3;
}
.home #primary .wp-block-latest-posts li a.wp-block-latest-posts__post-title{
    display: block;
    height: 52px;
}
#home-desc{
    text-align:left;
    background-color: #fafafa;
    border-left: 3px solid #7941B3;
    padding: 40px;
    margin-bottom: 60px;
}
#home-desc .text{
    height: 350px;
    overflow:hidden;
}
#home-desc p{
    font-size: 16px;
    line-height: 27px;
    text-align: left;
}
#home-desc .more{
    text-align:center;
    margin-top: 25px;
}
#home-desc .more button{
     border: none;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 5px;
    background: #7941B3;


}
#block-9 h2{
    text-align: left;
}
#header-search input[type="text"]{
    background-color: #fff;
}
.section-heading{
    
}
.blog .post{
    width: 49%;
    float: right;
    margin-left: 1%;
    margin-bottom: 8px;
}
.blog .post .post-content,
.blog .post .post-meta .author-avatar,
.blog .post .post-meta .post-meta-data .meta-line-2
{
    display: none;
}

.page-header {
    display: none;
}

#header-slider .owl-item .os-item {
    text-align: center;
}

#header-slider{
    padding: 15px 0 20px 0;
}
#header-slider .owl-item .os-item h5{
    color: #fff;
    font-size: 14px;
    margin-top: 2px;
}

#header-slider .owl-item .os-item img{
    width: 64px;
    height: 64px;
}

#header-slider .owl-buttons span{
    font-size: 18px;
    color: #fff;

}

#header-slider  .owl-controls .owl-prev,
#header-slider  .owl-controls .owl-next {
    opacity: 1;
}

.single-coupon .head .store-listing-item .left .coupon-detail{
    display: block;
    float: none;
}

.single-coupon .head h1{
    font-size: 22px;
    text-align: center;
    margin-top: 0;
    color: #4d4d4d;
    padding-inline: 20px;
}

.single-coupon .cop-tags a:hover, .single-post .entry-tags a:hover{
    background-color: #7941b3;
}

.single-coupon .related .st-list-coupons .store-listing-item{
    width: 48%;
    float: left;
    margin-right: 2%;
}

.single-coupon .related .st-list-coupons .store-listing-item .coupon-title{
    font-size: 16px;
    text-align: center;
}

.single-coupon .coupon-modal .ui.button:hover,
.archive .coupon-modal .ui.button:hover
{
    background-color: #1CBAFC;
    color: #fff;
}

.coupon-modal .coupon-content .actions,
.archive .coupon-content .actions
{
    text-align: center;
}

.single-coupon .coupon-modal .actions .store-name,
.archive .coupon-modal .actions .store-name
{
    margin-block: 10px;
    display: block;
    color: #000;
}

.single-coupon .coupon-modal .coupon-header .coupon-store-thumb,
.archive .coupon-modal .coupon-header .coupon-store-thumb
{
    width: 50%;
    border: 2px solid #7941B3;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
}

.single-coupon .coupon-modal .coupon-header .coupon-store-thumb:before,
.archive .coupon-modal .coupon-header .coupon-store-thumb:before
{
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -5%;
    border-right: 3px solid #7842b5;
}
.single-coupon .coupon-modal .coupon-header .coupon-store-thumb:after,
.archive .coupon-modal .coupon-header .coupon-store-thumb:after
{
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: -5%;
    border-left: 3px solid #7842b5;
    visibility: visible;
}

.single-coupon .coupon-modal .coupon-header .coupon-store-thumb .coupon-store-thumb-img,
.archive .coupon-modal .coupon-header .coupon-store-thumb .coupon-store-thumb-img
{
    position: relative;
}
.single-coupon .coupon-modal .coupon-header .coupon-store-thumb  .line,
.archive .coupon-modal .coupon-header .coupon-store-thumb  .line
{
    position: absolute;
    left: 3%;
    color: #fff;
    font-size: 15px;
    top: 10%;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #7941B3;
    line-height: 40px;
    z-index: 99;
}
.single-coupon .coupon-modal .coupon-header .coupon-store-thumb  .line:before,
.archive .coupon-modal .coupon-header .coupon-store-thumb  .line:before
{
    content: "";
    width: 2px;
    height: 32px;
    background: #7941B3;
    position: absolute;
    top: -43%;
    left: 45%;
}



.single-coupon .coupon-modal,
.archive .coupon-modal,
.single-coupon .coupon-modal .content,
.archive .coupon-modal .content
{
    border-radius: 20px !important;
}

.single-coupon .coupon-modal .discount,
.archive .coupon-modal .discount
{
    text-align: center;
    margin-bottom: 25px;
}

.single-coupon .coupon-modal .discount h3,
.archive .coupon-modal .discount h3,
.single-coupon .coupon-modal .details h3,
.archive .coupon-modal .details h3
{
    color: #9268C6;
    font-size: 22px;
}
.single-coupon .coupon-modal .discount p,
.archive .coupon-modal .discount p
{
    font-size: 18px;
    color: #000;
    text-align:center;
}
.single-coupon .coupon-modal .details,
.archive .coupon-modal .details
{
    text-align: center;
    direction: rtl;
    font-size: 20px;
    color: #000;
}


.single-coupon .coupon-modal .modal-row,
.archive .coupon-modal .modal-row
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    margin-block: 20px;
}
.single-coupon .coupon-modal .modal-row .col,
.archive .coupon-modal .modal-row .col
{
    text-align: center;
}

.single-coupon .coupon-modal .modal-row .copy-col,
.archive .coupon-modal .modal-row .copy-col
{
    width: 22%;
    margin-inline: 25px;
}
.single-coupon .coupon-modal .modal-row .copy-col.deal,
.archive .coupon-modal .modal-row .copy-col.deal
{
    width: 25% ;
}

.single-coupon .coupon-modal .modal-row .col h6,
.archive .coupon-modal .modal-row .col h6
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.single-coupon .coupon-modal .coupon-content .modal-code .action .button,
.archive .coupon-modal .coupon-content .modal-code .action .button
{
    background-color: #fff;
    color: #000;
    padding: 0;
    height: auto;
    min-height: auto;
}
.single-coupon .coupon-modal .coupon-content .modal-code .action .button span,
.archive .coupon-modal .coupon-content .modal-code .action .button span
{
    margin-left: 10px;
}
.single-coupon .coupon-modal .coupon-content .modal-code .action .button .icon,
.archive .coupon-modal .coupon-content .modal-code .action .button .icon
{
    left: 0;
    right: auto;
    background: transparent;
    margin-right: 10px !important;
}

.single-coupon .coupon-modal .coupon-content .modal-code .coupon-code .input,
.archive .coupon-modal .coupon-content .modal-code .coupon-code .input
{
    background: #7842B5;
    padding: 3px;
    border-radius: 30px;
    padding-left: 5px;
    height: 50px;
}

.single-coupon .coupon-modal  .modal-bottom,
.archive .coupon-modal  .modal-bottom
{
    text-align: center;
    padding-bottom: 20px;
}
.single-coupon .coupon-modal  .modal-bottom a,
.archive .coupon-modal  .modal-bottom a
{
    color:#7842B5;
    font-size: 16px;
}

.archive .st-list-coupons .store-listing-item{
    width: 48%;
    float: left;
    margin-right: 2%;
}

.archive .st-list-coupons .store-listing-item .coupon-title{
    padding-bottom: 10px;
    font-size: 17px;
    color: #4d4d4d;
    margin: 0;
    text-align: center;
}

.archive .store-listing-item.c-type-code .cop-head .left .line p:before{
    top: -58%;
}

.breadcrumbs {
    display: block!important;
    background: #fff;
    padding: 10px;
    border: 2px solid #7941B3;
    border-radius: 5px;
}
.breadcrumbs span {
    font-size: 16px!important;
    color: #000;
    font-weight: 700;
}

.blog .posts .post, .archive .posts .post{
    width: 49%;
    float: right;
    margin-left: 1%;
    margin-bottom: 8px;
}

.blog .post .post-content,
.blog .post .post-meta .author-avatar,
.blog .post .post-meta .post-meta-data .meta-line-2, .archive .post .post-content,
.archive .post .post-meta .author-avatar, .archive .post .post-meta .post-meta-data .meta-line-2 {
    display: none
}

.blog #primary{
    width: 100%;
    float: none;
    overflow: hidden;
}
.blog .posts{
    overflow: hidden;
}
.blog .posts .post{
    width: 32% ;
    border-radius: 10px;
}


#secondary .st-list-coupons .store-listing-item{
    width: 48%;
    margin: 0;
    margin-bottom: 15px;
    float: right;
    margin-left: 2%;
}
#secondary .st-list-coupons .store-listing-item:before{
    left: -12%;
}
#secondary .st-list-coupons .store-listing-item:after{
    right: -10%;
}
#secondary .st-list-coupons .store-listing-item .coupon-title{
    display: none;
}
#secondary .store-listing-item .cop-head .left .line p:before{
    top: -36%;
}
#secondary  .store-thumb:hover{
    border-color: #7842b5;
}
#secondary .os-block {
    background-color: #fff;
    border: 2px solid #7842b5;
    border-radius: 10px;
    text-align: right;
    margin-bottom: 15px;
}
#secondary .os-block .block-title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    background: #7842b5;
    border: 1px dashed #7842b5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    padding-block: 5px;
}
#secondary .os-block .block-title h3{
    color: #fff;
}
#secondary .os-block .block-content, #secondary .os-block .block-content p {
    font-size: 16px;
    color: #000;
}
#secondary .os-block .block-content {
    padding: 15px;
}
#secondary .os-block .block-content ul {
    list-style-type: none;
    padding: 0;
    direction: rtl;
}
#secondary .os-block .block-content ul li:before {
    content: '\2713';
    font-weight: 900;
    font-size: 14px;
    margin-left: 4px;
    color: #009688;
}

.tax-coupon_store .custom-page-header .header-thumb,
.tax-coupon_category .custom-page-header .header-thumb,
.tax-coupon_types .custom-page-header .header-thumb
{
    float: none;
    width: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tax-coupon_category .custom-page-header .header-thumb,
.tax-coupon_types .custom-page-header .header-thumb
{
    line-height: 114px;
    border: 2px solid #9D3C8B;
    text-align: center;
    margin-bottom: 10px;
    min-width: auto;
    padding: 5px;
    display: block;
    border-radius: 5px;
}

.tax-coupon_store .custom-page-header .inner{
    margin-top: 0;
}

.tax-coupon_types #primary{
    width: 100% !important;
    float: none !important;
}

.tax-coupon_types  .st-list-coupons .store-listing-item{
    width: 31%;
}

.tax-coupon_types .bottom-content{
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    padding: 10px;
    direction: rtl;
    font-size: 16px;
    color:#000;
    line-height: 30px;
}
.tax-coupon_types .bottom-content p,
.tax-coupon_types .bottom-content li

{
    font-size: 16px;
    color:#000;
    font-weight: normal;
}

.tax-coupon_store  .extra-info,
.tax-coupon_store  .extra-info p {
    font-size: 16px;
    color:#000;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
}

.home #primary .widget h2.has-text-align-center{
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 1%;
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;

}
.home #home-desc .text > h2:first-of-type{
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 1%;
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;
}


.single .widget_popular_stores .grid .column{
    width: 48% !important;
    margin-bottom: 10px;
    margin-left: 2%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
}
.single .widget_popular_stores .grid .column:hover{
    border: 2px solid #7941B3;
}
.single .widget_popular_stores .grid .column .store-thumb{
    border: none;
}
.single  .widget-area .widget .widget-title,
.archive  .widget-area .widget .widget-title {
    margin-bottom: 20px;
}
.single .store-listing-item .cop-head .left .line p:before{
    height: 25px;
}

.single #secondary .recent-posts-title,
.archive #secondary .recent-posts-title
{
    font-size: 16px;
    margin-bottom: 0px;
    letter-spacing: 1.2px;
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;
}
.store-listing-item  h2.coupon-title{
    height: 60px;
    overflow: hidden;
}

.single-coupon .related h3{
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;
    margin-left: 1%;
    font-size: 22px;
    margin-left: 1%;
}

.single-coupon .coupon-modal.sale .line{
    border-radius: 5px !important;
    width: 60px !important;
    height: 30px !important;
    line-height: 30px !important;
}
.single-coupon .coupon-modal.sale .coupon-header .coupon-store-thumb .line:before{
    top: -57%;
}

.single-coupon .cop-tags h3, .single-post .entry-tags h3,
.single-coupon .cop-tags h4, .single-post .entry-tags h4
{
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;
    font-size: 22px;
}

.archive .section-heading{
    font-weight: bold;
    background: #fff;
    padding: 8px;
    text-align: center;
    border: 2px solid #7941B3;
    border-radius: 10px;
    margin-left: 1%;
    font-size: 22px;
}

.sticky-icons{
    position: fixed;
    right: 2%;
    bottom: 10%;
    z-index: 9999;
	display:none;
}
.sticky-icons .main{
    background-color: #7941B3;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    padding: 10px;
}

.sticky-icons .icons{
    display: none;
    position: fixed;
    right: 2%;
    bottom: 20%;
    z-index: 9999;
}

.sticky-icons .icons .icon{
    background-color: #fff;
    height: 55px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 5px #eee;
    text-align: left;
}

.sticky-icons .icons .icon img{
    width: 40px;
    margin-right: 5px;
}
.sticky-icons .icons .icon span{
    color: #000;
    font-size: 16px;
}


#home-offers .offer {
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    margin-inline: 20px;
    text-align: center;
    padding: 20px 20px;
    position: relative;
}

#home-offers .offer .disc{
    border-radius: 5px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 3%;
    color: #fff;
    font-size: 15px;
    top: 5%;
    background: #7941B3;
    animation: offers_change_bg 1s infinite;
}

@keyframes offers_change_bg {
    from {background-color: #333;}
    to {background-color: #7941B3;}
}

#home-offers .offer .offer-name h3{
    font-size: 16px;
}

#home-offers .offer .offer-price {
    margin-top: 15px;
    direction: rtl;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

#home-offers .offer .offer-price span{
    font-size: 16px;
}

#home-offers .offer .offer-price .has-line{
    text-decoration:none;position:relative;
}

#home-offers .offer .offer-price .has-line::before{
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.1em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-25deg);
}

#home-offers .offer .offer-price .current{
    background: #7941B3;
    display: inline-block;
    color: #fff;
    padding: 3px 12px;
    border-radius: 5px;
}

#home-offers .owl-controls .owl-prev,
#home-offers .owl-controls .owl-next {
    opacity: 1;
}

#home-offers  h2{
    font-weight: bold;
    background: #fff;
    padding: 8px;
    border: 2px solid #7941B3;
    border-radius: 10px;
    text-align: center;
}

.blog .post-entry .post-meta{
	height: 20px;
}
.single .related-posts .posts{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.single .related-posts .posts .post{
    width: 32%;
    background: #f9f9f9;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 10px;
    padding-bottom: 8px;
}

.single .related-posts .posts .post img{

}
.single .related-posts .posts .post a{
    margin:0;
}
.single .related-posts .posts .post a:hover{
    background-color: transparent;
}
.single .related-posts .posts .post h2,
.single .related-posts .posts .post h4
{
    font-size: 18px;
    padding-inline: 5px;
}
.single .related-posts .posts .post h2:hover{
    color:#7941B3;
}

.desktop-qr{
    position: fixed;
    left: 2%;
    bottom: 10%;
    z-index: 9999;
    max-width: 400px;
	display:none;
}

.desktop-qr .logo {
    cursor: pointer;
    text-align: left;
}

.desktop-qr .logo img{
    width: 75px;
}
@keyframes bounce2 {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}
.desktop-qr .qr-content{
    background: #fff;
    padding: 20px 10px;
    box-shadow: 0 0 5px 5px #eeeeeeab;
    border-radius: 10px;
    border: 2px solid #7941b3;
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    align-items: center;
    animation: fadeIn 2s, bounce2 2s ease 1s infinite;
    position:relative;
}
.desktop-qr .qr-content:after{
    content: '';
    position: absolute;
    left: 4%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #7941b3;
    clear: both;
}
.desktop-qr .qr-content .qr-img{
    margin-right:15px;
}
.desktop-qr .qr-content .qr-img img{
    width: 200px;
}

.desktop-qr .qr-content .qr-text{

}

.desktop-qr .qr-content .qr-text p{
    font-weight: 400;
    color: #000;
    text-align: left;
}

.desktop-qr .qr-content .close{
    position: absolute;
    top: 4%;
    right: 2%;
    cursor: pointer;
    color: #7941b3;
}

.mobile-download-app-popup {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.58);
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	display:none;
}
.mobile-download-app-popup .content{
    background:#fff;
    padding: 30px 20px 20px 20px;
    border-radius: 10px;
    margin-inline: 20px;
    direction: rtl;
    position: relative;
}
.mobile-download-app-popup .content .logo{
    position: absolute;
    top: -16%;
    right: 50%;
    transform: translate(50%);
    background: #fff;
    border-radius: 50%;
}

.mobile-download-app-popup .content .logo img{
    width: 75px;
}

.mobile-download-app-popup .content .text{
    margin-block: 20px;
}
.mobile-download-app-popup .content .text h4{
    color: #7941b3;
    font-size: 18px;
}
.mobile-download-app-popup .content .text p{
    font-size: 16px;
    color: #666;
    font-weight: 400;
    text-align: center;
}

.mobile-download-app-popup .content .button-wrap a{
    background: #7941b3;
    color: #fff;
    padding: 10px 20px;
    outline: none;
    border-radius: 8px;
    display: block;
}
.mobile-download-app-popup .content .close{
    position: absolute;
    top: 5%;
    left: 5%;
    color: #7941b3;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.breadcrumbs,
.custom-page-header .header-content, .custom-page-header .header-content p
{
    text-align: left;
}
.tax-coupon_store #content-wrap #primary, .tax-coupon_store #content-wrap #secondary ,
.tax-coupon_category #content-wrap #primary, .tax-coupon_category #content-wrap #secondary
{
    float: none;
    width: 100%;
}
.tax-coupon_store .custom-page-header.bottom-desc .header-thumb,
.tax-coupon_category .custom-page-header.bottom-desc .header-thumb,
.tax-coupon_category .header-thumb
{
    display:none !important;
}

.tax-coupon_store .st-list-coupons .store-listing-item,
.tax-coupon_category .st-list-coupons .store-listing-item
{
    width: 32%;
    margin-right: 1%;
}
.tax-coupon_store .custom-page-header.bottom-desc,
.tax-coupon_category .custom-page-header.bottom-desc
{
    margin-top: 80px;
    margin-bottom: 30px;
}

body.page #primary,
body.page #secondary
{
    float: none;
    width: 100%;
    text-align: left;
}
body.page #primary p{
    text-align: left;
}

@media screen and (max-width: 767px){
    
    .home .widget-title{
        text-align:center;
    }
    .home #secondary .widget_popular_stores .grid .column{
        width: 20%;
    }
    .home #primary .st-list-coupons .store-listing-item{
        width:48%
    }
    .home #primary .wp-block-latest-posts li{
        width:48%
    }

    .header-menu .st-menu li.menu-item-has-children .sub-menu{
        width: 100% !important;
        height: auto !important;
    }

    .site-header .logo_area {
        float: right;
        text-align: center;
        margin: 0;
    }

    .single-coupon .coupon-modal .modal-row .copy-col,
    .archive .coupon-modal .modal-row .copy-col
    {
        margin-inline: 2px;
        width: 52%;
    }

    #header-slider .owl-item .os-item img{
        width: 40px;
        height: 40px
    }

    .blog .posts .post{
        width: 48% ;
    }
    .single .related-posts .posts .post {
        width: 49%;
    }

}

@media screen and (max-width: 500px){


    .home .widget-title{
        text-align:center;
    }
    .home #secondary .widget_popular_stores .grid .column{
        width: 31%;
    }
    .home #primary .st-list-coupons .store-listing-item{
        width:100%
    }
    .home #secondary .widget_popular_stores .store-thumb img {
        float: none;
        width: 90px;
        height: 90px !important;
    }
    .home #primary .wp-block-latest-posts li{
        width:100%;
        margin-left:0;
    }
    #header-search{
        width: 50%;
    }
    .site-header .logo_area{
        display: inline-block;
    }
    .primary-header{
        padding: 5px 0px;
    }

    .coupon-modal .coupon-content p.coupon-type-text{
        font-size: 14px;
    }
    .coupon-modal .coupon-content .go-store {
        float: none;
        width: 100%;
    }
    .store-listing-item .cop-head .left  h2{
        width: 100% !important;
    }
    .header-menu{
        padding-top: 12px;
    }
    .blog .post{
        width: 100%;
        float: none;
    }
    .coupon-modal .coupon-content .modal-code .action{

    }
    .coupon-modal .coupon-content .go-store{
        margin-left: 0 !important;
    }
    .st-menu li.current-menu-item a,.st-menu > li > a{

    }

    .store-listing-item .desc .latest-coupon .coupon-title{
        font-weight: bold;
    }

    #header-slider{
        padding: 15px 30px 10px 30px;
    }
    #header-slider .owl-item .os-item .icon img{
        width: 40px;
    }

    #header-slider .owl-item .os-item h5{
        font-size: 12px;
    }

    #header-slider .owl-controls .owl-next{
        right: -25px !important;
    }

    #header-slider .owl-controls .owl-prev{
        left: -35px !important;
    }

    .single-coupon .head h1{
        font-size: 18px;

    }
    .single-coupon .related .st-list-coupons .store-listing-item,
    .archive .st-list-coupons .store-listing-item
    {
        width: 100%;
        float: none;
        margin:0;
        margin-bottom: 30px;
    }
    .store-listing-item .cop-head .left .line p:before{
        top: -62%;
    }
    .single-coupon .coupon-modal .coupon-header .coupon-store-thumb{
        width: 100%
    }

    .home #secondary .widget_popular_stores h3{
        margin-left: 0;
    }
    .blog .posts .post{
        width: 100%;
        float: none;
    }
    .ui.search>.results{
        width: 100% !important;
        max-width: 100% !important;
        position: fixed !important;
        top: 10% !important;
    }
    .single-coupon .head.st-list-coupons .store-listing-item:after
    {
        right: -5%;
    }
    .single-coupon .head.st-list-coupons .store-listing-item:before {
        left: -5%;
    }
    .coupon-modal .coupon-header .close-wrap{
        right: 0 !important;
        top: 0 !important;
    }
    .single-coupon .coupon-modal .modal-row .copy-col,
    .archive .coupon-modal .modal-row .copy-col
    {
        width: 48% ;
    }
    .single-coupon .coupon-modal .modal-row .copy-col.deal,
    .archive .coupon-modal .modal-row .copy-col.deal
    {
        width: 53% !important;
    }
    .single-coupon .coupon-modal .modal-row .copy-col.deal a,
    .archive .coupon-modal .modal-row .copy-col.deal a
    {
        padding: 15px 10px;
    }
    .single-coupon .coupon-modal .modal-row .copy-col.deal  a i,
    .archive .coupon-modal .modal-row .copy-col.deal  a i
    {
        display: none;
    }
    .single-coupon .coupon-modal .modal-row .col h6,
    .archive .coupon-modal .modal-row .col h6
    {
        font-size: 16px;
    }
    .single-coupon .coupon-modal .coupon-content .modal-code .coupon-code .input,
    .archive .coupon-modal .coupon-content .modal-code .coupon-code .input
    {
        overflow: hidden;
    }
    .coupon-modal .coupon-content .modal-code .code-text{
        padding: 0 !important;
    }
    .primary-header{
        padding: 4px 0px;
    }

    #header-slider .owl-item .os-item h5{
        display: none;
    }

    .sticky-icons{
        bottom: 15%;
    }
    .sticky-icons .icons{
        bottom: 25%;
    }

    .single .related-posts .posts .post {
        width: 100%;
    }
}

@media screen and (min-width: 767px) {
    .custom-page-header .inner-content{
        padding-top: 70px !important;
    }

    .tax-coupon_store .breadcrumb,
    .tax-coupon_category  .breadcrumb,
    .tax-coupon_types  .breadcrumb
    {
        
    }
}