/*
Theme Name:    Xpro Child
Theme URI:     https://www.wpxpro.com
Description:   Xpro Child is a child theme of Xpro.
Author:        Wpxpro
Author URI:    https://www.wpxpro.com
Template:      xpro
Version:       1.0.0
Text Domain:   xpro-child
*/

/*
Add your custom styles here
*/

:focus{
    outline: none;
}
/* Ninja Forms */
form .nf-before-form-content {
	display: none !important;
}
span.ninja-forms-req-symbol {
    display: none !important;
}
#nf-form-2-cont .nf-field-element input[type=email] {
	background: #BE8BFF;
    border: 1px solid #BE8BFF;
    border-radius: 5px;
    box-shadow: none;
    color: #ffffff;
    transition: all .5s;
}
#nf-form-2-cont .nf-field-element input[type=email]::placeholder {
	color: #ffffff;
}

#nf-form-2-cont .nf-field-element input[type=button] {
    font-family: "Sora", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #A159FE;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 35px 17px 35px;
	margin-left: -15px;
}
#nf-form-3-cont .nf-field-element input, #nf-form-3-cont .nf-field-element textarea, #nf-form-1-cont .nf-field-element input, #nf-form-1-cont .nf-field-element textarea, #nf-form-1-cont .nf-field-element select {
	background: rgba(190, 139, 255, 0.1);
    border: 1px solid #BE8BFF;
    border-radius: 5px;
    box-shadow: none;
    color: #333333;
    transition: all .5s;
}
#nf-form-3-cont .nf-form-content input[type=button], #nf-form-1-cont .nf-form-content input[type=button] {
	font-family: "Sora", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #FFFFFF !important;
    background-color: #A159FE !important;
	border: 1px solid #A159FE !important;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 35px 17px 35px;
}
#nf-form-3-cont .nf-form-content input[type=button]:hover, #nf-form-1-cont .nf-form-content input[type=button]:hover {
	border: 1px solid #A159FE !important;
    color: #A159FE !important;
    background-color: #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 35px 17px 35px;
}
/* Xpro Themes Popup */
.xpro-themes-btn {
	text-align:center;
}
.xpro-themes-btn .edd-free-download-single, .xpro-themes-btn .edd-free-downloads-direct-download-link {
background-image: linear-gradient(
90deg, #c92a61 0%, #8d387f 100%) !important;
	color:#ffffff !important;
border-style: none !important;
border-width: 0 !important;
background-clip: border-box !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
font-family: "Work Sans", sans-serif !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
text-transform: none !important;
}
.xpro-themes-btn .edd-free-download-single:hover, .xpro-themes-btn .edd-free-downloads-direct-download-link:hover {
	background-image: linear-gradient(
90deg, #8d387f 0%, #c92a61 100%) !important;
	color:#ffffff !important;
}
.xpro-themes-btn-left .edd-free-download-single, .xpro-themes-btn-left .edd-free-downloads-direct-download-link {
background-image: linear-gradient(
90deg, #c92a61 0%, #8d387f 100%) !important;
	color:#ffffff !important;
border-style: none !important;
border-width: 0 !important;
background-clip: border-box !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
font-family: "Work Sans", sans-serif !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
text-transform: none !important;
}
.xpro-themes-btn-left .edd-free-download-single:hover, .xpro-themes-btn-left .edd-free-downloads-direct-download-link:hover {
	background-image: linear-gradient(
90deg, #8d387f 0%, #c92a61 100%) !important;
	color:#ffffff !important;
}
#edd-free-downloads-modal {
	background: transparent !important;
	background-image: url("https://www.wpxpro.com/wp-content/uploads/2021/05/bg-popup-1.png") !important;
width: 550px !important;
max-width: 95% !important;
border-radius: 10px !important;
	padding:20px !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
#edd-free-downloads-modal h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
}
#edd-free-downloads-modal h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 400;
	  text-align: center;
    padding: 0px 35px;
}
form#edd_free_download_form p:nth-child(1) {
	width:48%;
	margin-right:10px;
	position:relative;
	float:left;
}
form#edd_free_download_form p:nth-child(2) {
	width:50%;
	position:relative;
	float:left;
}
#edd_free_download_form label {
	display:none !important;
}
#edd_free_download_fname, #edd_free_download_lname,
#edd_free_download_email {
	background-color:#ffffff;
}
.edd-free-downloads-verification-message {
	color:#ffffff;
}
#edd-free-downloads-modal button {
    width: 225px;
    display: block;
    margin: 20px auto;
	background-image: linear-gradient( 90deg, #c92a61 0%, #8d387f 100%) !important;
}
#edd-free-downloads-modal button:hover {
	background-image: linear-gradient( 90deg, #8d387f 0%, #c92a61 100%) !important;
	    background: none;
    border-radius: 5px;
}
#edd-free-downloads-modal p {
    text-align: center;
    color: #fff;
    font-size: 12px;
}
#edd-free-downloads-modal p [type='checkbox'] {
	display:none !important;
}
.edd-free-downloads-modal-wrapper {
    top: 150px !important;
}
/* Xpro Themes Popup */
/* logout btn */
.xpro-logout-btn-wrapper {
    text-align: center;
    margin-bottom: 10px;
}

.xpro-logout-btn-cls {
    position: relative;
    display: inline-block;
    line-height: 1;
    background-color: #A35CFF;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    border: 2px solid transparent;
}

/* logout btn hover */
.xpro-logout-btn-cls:hover {
    color: #A35CFF;
    border-width: 2px;
    background-color: transparent;
    border: 2px solid #A35CFF;
}


/* button */
.edd-manage-license-back {
    position: relative;
    display: inline-block;
    line-height: 1;
    background-color: #A35CFF;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    border: 2px solid transparent;
}

/* button hover  */
.edd-manage-license-back:hover {
    color: #A35CFF;
    border-width: 2px;
    background-color: transparent;
    border: 2px solid #A35CFF;
}


/**payment detail page **/
.post-868 {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    max-width: 1140px;
    margin-bottom: 10px;
}

/* renew button */

#edd_checkout_wrap input#edd-license-key {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 10px 15px;
    max-width: 100%;
    background-color: #fff;
    width: 95%;
}

#edd_checkout_wrap #edd_sl_show_renewal_form {
    background-color: #c72b63;
}

#edd_checkout_wrap #edd_sl_show_renewal_form:hover {
    background: #8f377e;
    border: 1px solid #8f377e;
}

/* apply button */
#edd_checkout_wrap #edd-add-license-renewal {
    background-color: #c72b63;
}

#edd_checkout_wrap #edd-add-license-renewal:hover {
    background: #8f377e;
    border: 1px solid #8f377e;
}

/* purchase button */
#edd_checkout_wrap #edd-purchase-button {
    background-color: #c72b63;
}

#edd_checkout_wrap #edd-purchase-button:hover {
    background: #8f377e;
    border: 1px solid #8f377e;
}

/* login btn */
#edd_checkout_wrap #edd_checkout_login_register input.edd-submit {
    width: 140px;
    background-color: #c72b63;
}

#edd_checkout_wrap #edd_checkout_login_register input.edd-submit:hover {
    background: #8f377e;
    border: 1px solid #8f377e;
}

/* other css */
#edd_checkout_wrap .edd-payment-icons {
    margin-bottom: 10px;
}

#edd_checkout_wrap .edd_cart_item_image img {
    display: none !important;
}

#edd_checkout_wrap #edd_secure_site_wrapper {
    display: flex;
    column-gap: 10px;
    flex-direction: row;
}

#edd_checkout_wrap #edd_secure_site_wrapper svg {
    height: 25px;
}

/* other form */

/* login form */
#edd_checkout_wrap #edd_login_fields #edd-user-pass-wrap,
#edd_checkout_wrap #edd_login_fields #edd-user-login-wrap {
    display: inline-block;
    width: 49%;
}

/* credit card info */
#edd_checkout_wrap #edd_cc_fields {
    font-weight: 500;
    margin: 15px 0;
}

#edd_checkout_wrap #edd_cc_fields legend {
    margin-bottom: 10px;
}

#edd_checkout_wrap #edd_cc_fields #edd-card-name-wrap,
#edd_checkout_wrap #edd-card-wrap {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

#edd_checkout_wrap #edd-card-name-wrap .edd-label,
#edd_checkout_wrap #edd-card-name-wrap .edd-description {
    display: none;
}

#edd_checkout_wrap #edd_secure_site_wrapper span {
    font-weight: 400;
}

#edd_checkout_wrap [for="edd-card-element"] {
    display: none;
}

/* form */
#edd_checkout_wrap #edd_checkout_login_register .edd-label,
#edd_checkout_wrap #edd_checkout_login_register .edd-description,
#edd_checkout_wrap #edd_checkout_login_register label {
    display: none;
}

#edd_checkout_wrap #edd_checkout_user_info .edd-label,
#edd_checkout_wrap #edd_checkout_user_info .edd-description,
#edd_checkout_wrap #edd_checkout_user_info label {
    display: none;
}

#edd_checkout_wrap #edd_checkout_login_register input{
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 10px 15px;
    max-width: 100%;
    background-color: #f2f2f2;
    width: 95%;
}

#edd_checkout_wrap #edd_checkout_user_info,
#edd_checkout_wrap #edd_register_account_fields {
    display: inline-block;
}

#edd_checkout_wrap #edd_register_fields fieldset {
    width: 100%;
    margin-bottom: 30px;
}

#edd_checkout_wrap #edd_register_fields legend,
#edd_checkout_wrap #edd_checkout_user_info legend {
    font-weight: 500;
    margin: 15px 0;
    font-size: 20px;
    padding-top: 20px;
}

#edd_checkout_wrap #edd_purchase_submit {
    margin: 20px 0 0 0;
}

#edd_checkout_wrap #edd_purchase_submit strong {
    font-weight: 500;
}

#edd_checkout_wrap #edd_final_total_wrap strong
#edd_checkout_wrap #edd_final_total_wrap .edd_cart_amount {
    font-weight: 500;
}

#edd_checkout_wrap #edd-payment-mode-wrap label input {
    margin-right: 6px;
}


/** checkout css **/

.page-id-6 .xpro-title-wrapper-inner .xpro-breadcrumb-list {
    display: none;
}

#edd_checkout_wrap table{
    border: none;
    background-color: #FBFBFB;
    line-height: 1.2;
    margin: 0;
}

#edd_checkout_wrap thead th{
    padding: 20px 30px;
    font-size: 14px;
    background-color: #F8F5FF;
    border-color: transparent;
}

#edd_checkout_wrap tbody td{
    padding: 30px 30px;
    border: none;
    border-bottom: 1px solid #EFEFEF;
}

#edd_checkout_wrap .edd_checkout_cart_item_title{
    font-size: 16px;
}

#edd_checkout_wrap .eddr-cart-item-notice{
    font-size: 15px;
    margin-top: 8px;
}

#edd_checkout_wrap .edd_cart_discount {
    padding: 20px;
    border-left: none;
    border-right: none;
    border-color: #EFEFEF;
}

#edd_checkout_wrap .edd_cart_total{
    padding: 20px 30px;
    border-left: none;
    border-right: none;
    border-color: #EFEFEF;
}

#edd_checkout_wrap .edd-cart-adjustment{
    display: block !important;
    margin-bottom: 30px;
}

#edd_checkout_wrap .edd-label,
#edd_checkout_wrap .edd-description,
#edd_checkout_wrap .edd_discount_link{
    display: none;
}

#edd_checkout_wrap #edd_show_discount{
    margin-bottom: 10px;
}

#edd_checkout_wrap #edd_purchase_form{
    padding: 30px;
    background-color: #FBFBFB;
}

#edd_checkout_wrap .edd-discount-code-field-wrap{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

#edd_checkout_wrap .edd-discount-code-field-wrap #edd-discount{
    flex: 1;
    padding: 15px;
    border-radius:15px;
    border: 2px solid #EFEFEF;
}

#edd_checkout_wrap .edd-discount-code-field-wrap #edd-discount:focus{
    border-color: #A159FE;
}

#edd_checkout_wrap .edd-discount-code-field-wrap .edd-apply-discount{
    padding: 15px 35px;
    border-radius: 10px;
    background-color: #A159FE;
    border: 1px solid #A159FE;
}

#edd_checkout_wrap .edd-discount-code-field-wrap .edd-apply-discount:hover,
#edd_checkout_wrap .edd-discount-code-field-wrap .edd-apply-discount:focus{
    background-color: #a86afa;
    border-color: #a86afa;
    transform: none;
}

#edd_checkout_wrap .edd-payment-icons{
    display: none;
}

#edd_checkout_wrap #edd_payment_mode_select legend{
    display: block;
    margin: 0 -30px;
    padding: 20px;
    width: calc(100% + 60px);
    background-color: #f8f5ff;
    font-weight: 500;
    margin-bottom: 30px;
}

#edd_checkout_wrap #edd-payment-mode-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 15px;
    gap:15px;
}

#edd_checkout_wrap #edd-payment-mode-wrap > label{
    flex: 1;
    padding: 25px;
    border: 2px solid #EFEFEF;
    border-radius: 10px;
    display: flex;
    gap:15px;
}

#edd_checkout_wrap #edd_checkout_user_info input,
#edd_checkout_wrap #edd_checkout_login_register input{
    border: none;
    border-bottom: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 15px 0;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
}

#edd_checkout_wrap .edd-privacy-policy-agreement {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 15px 0;
}

#edd_checkout_wrap #edd_activecampaign p{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 30px 0;
}

#edd_checkout_wrap #edd_final_total_wrap {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin: 10px 0 40px 0;
}

#edd_checkout_wrap #edd_purchase_submit strong {
    flex: 1;
}


#edd_checkout_wrap #edd-stripe-new-card {
    width: 100%;
    display: flex;
    vertical-align: top;
    margin: 0;
    flex-basis: calc(50% - 15px);
    max-width: calc(50% - 15px);
}

#edd_checkout_wrap .edd-stripe-new-card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}

#edd_checkout_wrap #edd-card-name-wrap #card_name {
    border: none;
    border-bottom: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 15px 0;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
    height: 49px;
}

#edd_checkout_wrap #edd-card-details-wrap {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}

#edd_checkout_wrap #edd-card-exp-wrap,#edd_checkout_wrap #edd-card-cvv-wrap {
    width: 49%;
}

#edd_checkout_wrap #edd-purchase-button{
    padding: 15px 35px;
    border-radius: 10px;
    background-color: #A159FE;
    border: 1px solid #A159FE;
    width: 100%;
}

#edd_checkout_wrap #edd-purchase-button:hover,#edd_checkout_wrap #edd-purchase-button:focus{
    background-color: #a86afa;
    border-color: #a86afa;
    transform: none;
}

#edd_checkout_wrap #edd-discount-error-wrap{
    color:#ff0000;
}

#edd_checkout_wrap .edd_empty_cart{
    padding: 30px;
    width: 100%;
    display: block;
    background-color: #fbfbfb;
    border-bottom: 1px solid #80808026;
}

#edd_checkout_wrap #edd_checkout_user_info,#edd_checkout_wrap #edd_register_account_fields{
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
}

#edd_checkout_user_info > legend, #edd_register_account_fields{
    width: 100%;
}

#edd_checkout_user_info > p,#edd_register_account_fields > p{
    width: 100%;
}

#edd_checkout_wrap #edd-first-name-wrap,#edd_checkout_wrap #edd-last-name-wrap,
#edd_checkout_wrap #edd-user-pass-wrap,#edd_checkout_wrap #edd-user-pass-confirm-wrap{
    width: calc(50% - 15px);
}

#edd_checkout_wrap #edd-email-wrap{
    order: 1;
}

#edd_checkout_wrap #edd_checkout_login_register input.edd-submit {
    padding: 15px 35px;
    border-radius: 10px;
    background-color: #A159FE;
    border: 1px solid #A159FE;
    text-align: center;
    width: min-content;
}

#edd_checkout_wrap #edd_checkout_login_register input.edd-submit:hover,
#edd_checkout_wrap #edd_checkout_login_register input.edd-submit:focus{
    background-color: #a86afa;
    border-color: #a86afa;
    transform: none;
}

#edd_checkout_wrap #edd_error_must_log_in{
    margin: 10px 0 20px;
}

@media only screen and (min-width: 991px) {
    .xpro-nav-button .xpro-nav-link {
        padding: 8px 35px !important;
        border: 2px solid;
        border-radius: 5px;
        font-size: 14px;
        font-weight:500;
        color:#a159fe !important;
        border-color:#a159fe;
        transition: all .3s ease-in-out;
    }

    .xpro-nav-button .xpro-nav-link:hover {
        color:#fff !important;
        background:#a159fe;
        border-color:#a159fe;
    }
}

@media(max-width: 767px) {
    #edd_checkout_wrap #edd_register_fields fieldset {
        width: 100%;
    }

    #edd_checkout_wrap #edd_checkout_login_register input{
        width: 100%;
    }

    #edd_checkout_wrap #edd_checkout_user_info,
    #edd_checkout_wrap #edd_register_account_fields {
        display: block;
    }

    #edd_checkout_wrap #edd_login_fields #edd-user-pass-wrap,
    #edd_checkout_wrap #edd_login_fields #edd-user-login-wrap {
        width: 100%;
    }

    #edd_checkout_wrap input#edd-license-key {
        width: 100%;
    }

    #edd_checkout_wrap #edd-card-name-wrap #card_name {
        width: 100%;
    }
    .post-868 {
        max-width: auto;
    }

    #edd_checkout_wrap .edd-discount-code-field-wrap {
        flex-direction: column;
    }

    #edd_checkout_wrap .edd-discount-code-field-wrap #edd-discount{
        width: 100%;
    }

    #edd_checkout_wrap .edd-discount-code-field-wrap .edd-apply-discount{
        width: 100%;
    }

    #edd_checkout_wrap #edd-payment-mode-wrap > label {
        padding: 15px;
    }

    #edd_checkout_wrap .edd-stripe-new-card {
        flex-direction: column;
    }

    #edd_checkout_wrap #edd_cc_fields #edd-card-name-wrap, #edd_checkout_wrap #edd-card-wrap{
        width: 100%;
    }

    #edd_checkout_wrap #edd-card-details-wrap {
        flex-direction: column;
    }

    #edd_checkout_wrap #edd-card-exp-wrap, #edd_checkout_wrap #edd-card-cvv-wrap{
        width: 100%;
    }

    #edd_checkout_wrap #edd_cc_fields {
        font-weight: 500;
        margin: 30px 0 0 0;
    }

    #edd_checkout_wrap #edd-first-name-wrap,#edd_checkout_wrap #edd-last-name-wrap,
    #edd_checkout_wrap #edd-user-pass-wrap,#edd_checkout_wrap #edd-user-pass-confirm-wrap{
        width: 100%;
    }

}