/*
 Theme Name:   Pixflow Theme Child
 Description:  Pixflow Child Theme , For Customizations
 Author:       Pixflow
 Author URI:   https://Pixflow.net
 Template:     pixflow-theme
 Version:      1.3
 Text Domain:  pixflow
*/

/*scroll issue */

.px-icon-list-responsive-width .px-icon-list-wrap img{
	width:auto !important;
}
.px-woocommerce-shop-sidebar #sidebars .px-widget ul{

display: block !important;

}

body .px-two-button-style .px-button2 .pixflow-button{
	flex-direction:row;
	
}
body .px-two-button-style .px-button2 .pixflow-button .text{
	color:#fff;
	
}
body .px-two-button-style .px-button2 .pixflow-button img{
	width:36px;
	
}

.px-icon-list-width-in-mobile .px-icon-left.px-icon-list-content.px-left-icon-align{
	
	max-width:170px
		
}

body .px-crausel-modern-placeholder {
    width: 98%;
}
.archive .px-second-header{
    display:none;
}

.px-blog-carousel-container .px-blog-shortcode-row .px-remote-posts.video-wrapper {
    border-radius: 15px;
    min-width: 560px;
}
         @media (max-width: 767px){
         .px-blog-carousel-container .px-blog-shortcode-row .px-remote-posts.video-wrapper {
           min-width: 300px;
           height:260px !important;
         }
         .px-blog-carousel-container .px-blog-shortcode-row .px-remote-posts.video-wrapper img{
              height:260px !important;
         }
         }


/*fix issue of button popup for agile form that don't have scroll*/


 body .px-button-custom-popup-container{
overflow:auto;
 }
 body .product-header-none .product-list-header{
        display:none;
 }


    body .px-modern-image-box.px-modern-image-box-text-bottom.px-modern-image-box-image-center .has-image img {
        max-height: none !important;
    }


 /*this option is for when row has video background and add bordeer radius*/

body .vc_row.vc_video-bg-container{
    overflow: hidden;
}

 /*this option is for modern tab slider to add bnorder radius*/
body .tabs-slider .px-media-container .media{
   border-radius: 20px;
}
 body .px-button-custom-popup-container #agile-form.form-view{
    position: absolute;
    top: 50px;
    left: calc(50% - 205px);
    background-color:#fff;
 }
 body .px-button-custom-popup-container #agile-form.form-view label{
     color :#000;
 }
  body .px-button-custom-popup-container #agile-form.form-view .agile-group{
         margin-right: 4%;
 }

         @media (max-width: 760px){
         body .px-button-custom-popup-container #agile-form.form-view{
            left: calc(50% - 160px);
         }
         }

/*end of fix issue of button popup for agile form that don't have scroll*/


.custom-product-column .px-product-features-container{
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 2 - 21px), 0fr));
}
 @media (min-width: 995px){
    .three-column-product .px-product-features-container{
            grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3 - 21px), 0fr));
    }
}
/* issue of fotter title we should fix it in code*/
 @media (min-width: 996px){


    body .px-footer .widget-container .footer-col-num .widget_nav_menu h4{
        padding-top:0;
    }
    body .px-footer p{
        margin-top:0;
        margin-bottom:0;
    }
}


 @media (max-width: 767px){

      .remove-h1-margin-bottom h1{
         margin-bottom:0 !important;
          margin-top:0 !important;
     }
 }
/* agile form styles*/



    #agile-form.form-view        input::-webkit-input-placeholder {
                 color: #8a8a8a;
         }

        #agile-form.form-view ::-moz-placeholder {
                 color: #8a8a8a;
         }


        #agile-form.form-view :-ms-input-placeholder {
                 /** notice that ie has only a single colon) */
                 color:#8a8a8a;
         }

         #agile-form.form-view ::-webkit-input-placeholder {
                 color: #8a8a8a;
         }

        #agile-form.form-view ::placeholder {
                 color: #8a8a8a;
         }
        #agile-form.form-view  *::placeholder {
                 color: #989898;
                 opacity: 1; /* Firefox */
                 font-weight: 500;

         }
        #agile-form.form-view input:-webkit-autofill{
                 -webkit-text-fill-color:#555555;
         }
         #agile-form.form-view input:-internal-autofill-selected {
                 background-color: #E2E2E2 !important;
         }


#agile-form.form-view{
         width: 288px;
         margin: 0 auto;
        padding-bottom: 20px;
        background-color: transparent;
    white-space: initial;
}
         @media (max-width: 760px){
             #agile-form.form-view{
                 width: 270px;
             }
         }
                 @media (max-width: 340px){
             #agile-form.form-view{
                 width: 260px;
             }
         }
         #agile-form.form-view .agile-group {
                 margin-bottom: 1px;
                 margin-left: 4%;
         }
         #agile-form.form-view .agile-field , .agile-button-field{
                 width: 100%;

         }
         #agile-form.form-view .agile-field.agile-button-field br {
                 display: none;
         }
         #agile-form.form-view legend{
        display:none;
         }

        #agile-form.form-view .agile-form-description{
        display:none;
        }

          #agile-form.form-view label{
                 font-size: 12px;
                 font-weight: 400;
                 font-family: p_custom_font,h2_custom_font;
                 color: #fff;
                 padding-top:12px;
         }
        #agile-form.form-view input[type="text"] ,#agile-form.form-view input[type="email"]{
                 border-style: none !important;
                 border-radius: 8px !important;
                 background-color: #E2E2E2;
                 padding-left: 20px !important;
                font-weight: 400;
        color: #989898;
                 height: 40px;
                 box-sizing: border-box;
                 width: 100%;
                 margin: 0;
                 outline: 0;
                 line-height: normal;
                 box-shadow: none;
         }
         #agile-form.form-view select{

                 border-style: none !important;
                 border-radius: 8px !important;
                 background-color: #E2E2E2 !important;
                 padding-left: 20px !important;
        font-weight: 400;
        color: #989898;
                 height: 40px;
                 box-sizing: border-box;
                 width: 100%;
                 margin: 0;
                 outline: 0;
                 line-height: normal;
                 box-shadow: none;
         }
        #agile-form.form-view  button{
                 background: #004FFF;
                 color: white;
                 font-size: 16px;
                 font-weight: 600;
                 border-radius: 8px;
                 transition: all ease-in 0.2s;
                 width: 100%;
                 height: 65px;
                 margin-top: 10px;
         border: none;
        box-shadow: none;
         }
        #agile-form.form-view  p.agile-text-element{
    color: #989898;
    margin: 0;
    margin-bottom: 10px;
    max-width: 100%;
    font-weight: bold;
    font-size: 11px !important;
         }

         body .overflow-zindex{
             z-index:2;

         }


body .px-colorify-header-link .pixflow-button{
	    display: flex;
    flex-direction: row-reverse;
}
body .px-colorify-header-link .pixflow-button svg * {
    fill: #fff;
}
body .px-colorify-header-link .pixflow-button svg  {
    padding-left:10px;
}


body .px-site-header:not(.second-header) .px-header-navigation{
        justify-content: flex-end !important;
}

/*topbar start*/
/*.px-banner-description{*/
/*font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)))!important;*/
/*}*/


/*.px-banner-background{*/
/*padding: 12px calc(34px + (56 - 34) * ((100vw - 768px) / (1920 - 768)))!important;*/
/*}*/

.px-banner-button-link{
    padding: 8px 20px!important;
}
/*topbar end*/

section .tabs-slider .ps-container{
        max-width: max-content;
}

li#single-product-pack-link {
    display: none !important;
}

label[for='inside-this-pack'] {
    display: none !important;
}


.icon-box .icon-wrap svg {

    max-width: 100%  !important;
}


.row-custom-icon-box h3{
    font-size:22px;
        font-weight: 500;
}

body h3{
    margin-top:0;
    margin-bottom:0;
}


.gumroad-button {display:none !important;}

.bld-dialog .ui-dialog-content {
    padding: 0;
    width: 100% !important;
}
.single-px_help_article img {
    max-width: 100%;
    height: auto;
}

body.single-product .vc_video-bg.vc_hidden-xs{
    display: block !important;
}
.px-single-product-header-content{
    display:none !important;
}
#menu-mobile-nav,#menu-mobile-nav *{
    transition: none;
}

.vc_row.vc_parallax .vc_parallax-inner{
        z-index: -1;
        height: 126% !important;
}
.video-opacity .px-video-box-shortcode-container.px-auto-play-video .px-video-box-video-wrap{
    opacity:1 !important;
}

body .px-specs-table li div:nth-child(1){
    height:auto;
}

/***********************************************************/


.px-site-header.main-header nav.px-header-navigation div > ul > li:not(.menu-item-pixflow-mega-menu-parent):not(.px-small-mega-menu-parent) > ul.sub-menu li a{
 line-height : 37px !important;
}


/*************************************************************

    Start of codes for second header issue in 995 and 1300

**************************************************************/

@media (min-width: 995px) and (max-width: 1300px){
    body .px-second-header .px-second-header-navigation ul li a{
        margin: 0;
    }
    body .px-site-header.main-header .px-logo, .px-second-header .px-second-header-logo-container{
        margin-right:70px;
    }
}

/*************************************************************

    End of codes for second header issue in 995 and 1300

**************************************************************/


.single-px_product_article .px-second-header{
    display:none;
}


.single-px_product_article .px-product-content * {
    color: black !important;
}


.single-px_product_article .px-small-mega-menu-item-title{
    color:white !important;
}


.single-px_product_article .mega-menu-show.px-megamenu-open.px-site-header.main-header nav.px-header-navigation div > ul.menu > li > a{
    color:white !important;
}





/* CONTACT FORM STYLE START */
.wpcf7-form{
    padding: 44px 44px 0px;
    background-color: #191919;
    border-radius: 10px;
    box-sizing: border-box;
}

.px-contact-form_text-input {
    height: 46px;
    background: #242424;
    border-radius: 4px;
    border-style: none;
    margin-bottom: 20px;
    padding-left: 12px;
    color: #eaeaea;
    width: 100%;
    max-width: 570px;
}


.px-contact-form_text-input:focus{
    outline:none;

}
.agreement.wpcf7-form-control-wrap .wpcf7-list-item{
    margin: 60px 0 78px;
}
.agreement.wpcf7-form-control-wrap label{
    display:flex;
}
.agreement.wpcf7-form-control-wrap input{
    width: 21px;
    height: 20px;
    border-radius: 3px;
    display: inline-block;
}
.agreement.wpcf7-form-control-wrap input[type="checkbox"]:checked + span{
    /*filter: url(https://pixflow.net/wp-content/uploads/2021/10/Screenshot-2021-10-17-at-10.45.21.png);*/
    background-color : blue;
}
.agreement.wpcf7-form-control-wrap .wpcf7-list-item-label{
    color: #707070;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    margin-left: 13px;
    max-width: 420px;
    line-height: 1.4em;
}
.wpcf7-form-control.wpcf7-submit{
    width: 100%;
    height: 74px;
    border-radius: 7px;
    background-color: #000;
    outline: none;
    border: none;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}


body section div.px-content-width-row.vc_row-has-fill.px-woocommerce-notice{
    margin-left:0 !important;
}





@media only screen and (max-width: 995px){
.px-site-header.main-header .px-logo a span.px-logo-light {
    display: inline-flex !important;
}
}


a.woocommerce-MyAccount-downloads-file.button svg path {
    fill: black;
}



.woocommerce-shop iframe#tidio-chat-iframe {
    right: 0 !important;
    left: auto !important;
}

#yith-woo-ajax-navigation-8 ul.yith-wcan-list.yith-wcan {
    display: block !important;
}



.px-single-product-box .px-single-product-shortcode-col{
    display:block;
    opacity : 1;
}


#px-faq-section .vc_active .vc_tta-panel-title > a{
    color: #fff;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body{
    position: relative;
    top: -15px;
}

#px-faq-section .vc_tta-panel-body .vc_custom_heading p:not(.px-small-p){
    display:none;

}
#px-faq-section .vc_tta-panel-body .vc_custom_heading .px-small-p{
    margin: 0;
}

#px-faq-section .vc_tta-panel .vc_tta-panel-heading{
    background-color: transparent;
}
#px-faq-section h2,#px-faq-section h3{
        color:#fff;
}
#px-faq-section .vc_tta-panel{
    border-bottom: 1px solid #b3b3b3;
}
#px-faq-section .vc_tta-panel:last-child{
    border-bottom: none;
}
#px-faq-section .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before{
    border-width:1px;
    border-bottom: none !important;
    border-left: none !important;
    transform:translateY(25%) rotate(135deg);
    border-right-color: #b3b3b3 !important;
    border-top-color: #b3b3b3;
}
#px-faq-section .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before{
    transform: rotate(-45deg) translateY(25%);
    border-right-color: #b3b3b3 !important;
    border-top-color: #b3b3b3;
}
#px-faq-section .vc_tta-panel.vc_active{
    padding-bottom: 32px;
}
#px-faq-section .vc_tta-panel-title>a{
        padding-bottom: 45px;
        padding-top: 45px;
        font-family: p_small_custom_font;
            padding-left: 0;
}

#px-faq-section .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body{
    background-color:transparent;
        padding-left: 0;

}
#px-faq-section .vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body{
        color:#b3b3b3;
}
#px-faq-section .vc_tta-title-text{
            font-family: 'Inter';
}
/***** FAQ style End *****/


.wal-cart-partial-fund-usage-wrapper:nth-child(2) {
    display: none;
}


.woocommerce-cart .ppc-button-wrapper {
    display: none !important;
}

.paypal-button.paypal-button-color-gold, .paypal-button-row.paypal-button-color-gold .menu-button {
    background: #ffffff !important;
    max-width: 300px;
}






.px-list-dot-style ul {
  list-style: none;
}

.px-list-dot-style ul li::before {
  content: "\2022";
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.woocommerce-shop iframe#tidio-chat-iframe{
    bottom:45px !important;
}




.px-banner-container .px-cp-button-banner-show-copied{
        -webkit-text-fill-color: #959595 !important;
        font-weight:600 !important;
}

.px-button-button-icon-alignment .pixflow-button{
        flex-direction: row-reverse;
}
.px-button-button-icon-alignment .pixflow-button .button-icon-wrap{
        padding-left: 6px;
}
.px-button-button-icon-alignment .pixflow-button .button-icon-wrap svg{
    margin: 0;
    width: 9px;
}

.error404 .px-second-header{
        display:none;
}

.px-video-height-in-colorify .px-video-box-shortcode-container ,.px-video-height-in-colorify .px-video-box-main-wrap{
        height:100%;
}
.px-link-gradient-colorify .px-link {
            background: linear-gradient(90deg, rgba(255,174,83,1) 0%, rgba(253,53,167,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.px-link-gradient-colorify .px-link-arrow-shape .px-link svg * {
    fill: #FD35A7;
}
.px-link-gradient-colorify  .px-link-shortcode.px-link-arrow-shape .px-link-arrow-svg{
        right: -12px;
}
@media only screen and (max-width: 1400px){
                body .px-custom-left-margin .vc_column-inner {
                        margin-left:-70px !important;
                }
}
@media only screen and (max-width: 767px){
                body .px-custom-left-margin .vc_column-inner .px-single-image {
                        margin-left:0 !important ;
                }
}




body .px-video-height-in-colorify .px-video-thumbnail-container{
	    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 1 - 14px), 0fr)) !important;
}
@media only screen and (max-width: 767px){
	body .px-video-height-in-colorify .px-video-thumbnail-container{
			  grid-template-columns: repeat(auto-fill, minmax(calc(100% / 1 ), 0fr)) !important;
	}
}
@media only screen and (max-width: 550px){
	body .vc_row.px-colorify-background-responsive{
			      background-position: left !important;
	}
}
  


li[data-category-name='desktop'], li[data-category-name='mobile'], li[data-category-name='tv'], li[data-category-name='nle plugins'] {
    display: none !important;
}





/*scroll issue */




#px-plugin-popup-content {
  width: 898px;
  border: 1px solid #323232;
  border-radius: 30px;
  padding: 21px 37px 39px 37px;
  background-color: #f5f5f7 !important;
  margin: 50px auto;
  z-index: 999999;
  position: relative;
}

 
 #px-plugin-popup-content h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
}
 #px-plugin-popup-content h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}
 #px-plugin-popup-content h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 25px;
}
 #px-plugin-popup-content li p {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}


tr.tax-total small {
    font-size: 12px;
    display: block;
}


#wp-admin-bar-wp-mail-smtp-menu,#wp-admin-bar-vc_inline-admin-bar-link,#wp-admin-bar-top-secondary,#wp-admin-bar-stats,#wp-admin-bar-comments,#wp-admin-bar-updates,#wp-admin-bar-customize,#wp-admin-bar-wp-logo{
	
	display:none !important;
}




h2.px-product-detail-main-category{
	    font-weight: 400;
		font-size: 17px;
		line-height: 24px;
	    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

@media (min-width: 768px) and (max-width: 1370px){
	h2.px-product-detail-main-category {
    font-size: 15px;
    line-height: 22px;
}

}

@media (max-width: 768px){
	h2.px-product-detail-main-category {
    font-size: 15px;
    line-height: 22px;
}

}



/*************************** WOOCOMMERCE STORE PAGE FILTER CUSTOMIZATION ***********************************/

li[data-term-name="Bundles"],li[data-term-name="Motion Graphics"],li[data-term-name="Overlays"],li[data-term-name="Motion Graphics"],li[data-term-name="Titles"]{display:none !important;}



.px-list-bullet-white-color ul {
  list-style: none;
  padding-left: 18px;
}
.px-list-bullet-white-color li{
	    padding-bottom:15px;
}

.px-list-bullet-white-color ul li::before {
  content: "\2022";
  color: #9a9a9a;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}