/**
 * Thank You Pages – Divi 5 only.
 * All CSS changes for Divi 5 go here. divi/ folder remains for Divi 4 users.
 * Used in: frontend thank you pages + Visual Builder app window.
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

/* --------------------------------------------------------------------------
   Editor (VB): .et-db #et-boc .et-l context
   -------------------------------------------------------------------------- */
.et-db #et-boc .et-l .et-fb-form__group.wfty_divi_border {
    width: 23%;
    display: inline-block;
    margin: 1% 1% 20px;
}

.et-db #et-boc .et-l .et-fb-form__group.wfty_divi_border .et-fb-settings-options .et-fb-option-container textarea {
    max-height: 30px;
    min-height: 30px;
    overflow: hidden;
    resize: none;
    white-space: nowrap;
}

.et-db #et-boc .et-l .et-fb-form__toggle h3.wfty_c_heading {
    font-size: 17px !important;
    line-height: 20px !important;
    padding: 15px 0 0 !important;
}

.et-db #et-boc .wfty_wrap table.my_account_customers td:first-child {
    text-align: left;
    padding-left: 10px;
}

.et-db #et-boc .wfty_wrap table.my_account_customers .subscription-next-payment {
    text-align: left;
    padding: 0 10px;
}

.et-db #et-boc .wfty_2_col_left:first-child div {
    word-wrap: break-word;
}

.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr td.subscription-actions a,
.et-db #et-boc .wfty_wrap table.wfty_order_downloads tr td.download-file a {
    color: #ffffff;
    background-color: #70dc1d;
    padding: 5px 10px;
    min-height: auto;
    text-align: center !important;
}

.et-db #et-boc .et-l .wfty_order_details .wfty_pro_list .wfty_leftDiv .wfty_p_img img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #dddddd;
}

.et-db #et-boc .et-l .wfty_order_details .wfty_pro_list .wfty_leftDiv {
    padding: 10px 10px 15px 0;
}

.et-db #et-boc .et-l .wfty_wrap .wfty_order_details .wfty_pro_list .wfty_leftDiv .wfty_p_img,
.et-db #et-boc .et-l .wfty_wrap .wfty_order_details .wfty_pro_list .wfty_leftDiv .wfty_p_img > a {
    line-height: 5px !important;
    padding: 0 !important;
}

.et-db #et-boc .et-l .wfty_wrap h2 {
    padding-bottom: 0;
}

.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr td.subscription-actions a:hover,
.et-db #et-boc .wfty_wrap table.wfty_order_downloads tr td.download-file a:hover {
    color: #ffffff;
    background-color: #89e047;
}

.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr td.subscription-actions a:after {
    display: none;
}

.et-db #et-boc .et-l .wfty_wrap .wfty_order_details .wfty_show_images .wfty_pro_list .wfty_leftDiv .wfty_p_name {
    padding-left: 85px;
}

.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr th,
.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr td,
.et_wfty_order_details_0 #et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr th,
.et_wfty_order_details_0 #et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr td {
    padding: 8px 8px 8px 0;
    border: none;
}

.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr th:last-child,
.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr td:last-child,
.et_wfty_order_details_0 #et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr th:last-child,
.et_wfty_order_details_0 #et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr td:last-child {
    padding-right: 0;
}

.et-db #et-boc .et-l .et_wfty_order_details_1 #et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr th,
.et-db #et-boc .et-l .et_wfty_order_details_1 #et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr td {
    border: none;
}

.et-db #et-boc .et-l .wfty_wrap .wfty_order_details .wfty_pro_list .wfty_rightDiv {
    text-align: right;
    padding: 10px 0 15px;
}

.et-db #et-boc .et-l .wfty_wrap .wfty_order_downloads tr td.download-product {
    word-break: break-word;
}

.et-db #et-boc .et-l .wfty_wrap .wfty_title,
.et-db #et-boc .et-l .wfty_wrap .wc-bacs-bank-details-heading {
    margin: 0 0 15px;
    font-size: 20px;
}

.et-db #et-boc .et-l .wfty_wrap .wfty_subscription .wfty_title {
    margin-top: 15px;
}

.et-db #et-boc .et-l .et_wfty_order_details_0 #et_wfty_order_details .wffn_order_details_table .wfty_pro_list_cont.wfty_show_images .wfty_pro_list .wfty_quantity_value_box,
.et-db #et-boc .et-l .wffn_order_details_table .wfty_show_images .wfty_quantity_value_box *,
.et-fb-app-frame .et-db #et-boc .et-l .et_wfty_order_details_0 #et_wfty_order_details .wffn_order_details_table .wfty_pro_list_cont.wfty_show_images .wfty_pro_list .qty {
    font-size: 14px !important;
    text-align: center !important;
    line-height: 22px !important;
    color: #fff;
}

#et_wfty_customer_details .wfty_customer_info .wfty_text_bold strong,
.wffn_order_details_table th,
.subscription-id strong {
    font-weight: 400;
}

.et-db #et-boc .et-l .wfty_wrap {
    margin: 0 auto;
    max-width: 980px;
}

.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr > th:last-child,
.et-db #et-boc .et-l .wffn_order_details_table .wfty_wrap .wfty_subscription table tr > td:last-child,
#et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr > th:last-child,
#et_wfty_order_details .wffn_order_details_table .wfty_wrap .wfty_order_download table tr > td:last-child {
    text-align: right;
}

.et-db #et-boc .et-l .wfty_customer_info .wfty_text_bold {
    margin: 0 0 10px;
}

.et-db #et-boc .et-l .wfty_wrap,
.et-db #et-boc .et-l .wfty_wrap .wfty_title {
    font-family: "Open Sans", Sans-serif;
}

#et-boc .et-l #et_wfty_customer_details,
#et-boc .et-l #et_wfty_order_details {
    padding: 0 10px;
}

/* --------------------------------------------------------------------------
   Frontend: same styles when .et-db is not present (thank you page view)
   -------------------------------------------------------------------------- */
.wfty_wrap table.my_account_customers td:first-child {
    text-align: left;
    padding-left: 10px;
}

.wfty_wrap table.my_account_customers .subscription-next-payment {
    text-align: left;
    padding: 0 10px;
}

.wfty_wrap .wfty_2_col_left:first-child div {
    word-wrap: break-word;
}

.wfty_wrap .wfty_order_details .wfty_pro_list .wfty_leftDiv .wfty_p_img img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #dddddd;
}

.wfty_wrap .wfty_order_details .wfty_pro_list .wfty_leftDiv {
    padding: 10px 10px 15px 0;
}

.wfty_wrap .wfty_order_details .wfty_pro_list .wfty_leftDiv .wfty_p_img,
.wfty_wrap .wfty_order_details .wfty_pro_list .wfty_leftDiv .wfty_p_img > a {
    line-height: 5px !important;
    padding: 0 !important;
}

.wfty_wrap .wfty_order_details table tr td.subscription-actions a,
.wfty_wrap table.wfty_order_downloads tr td.download-file a {
    color: #ffffff;
    background-color: #70dc1d;
    padding: 5px 10px;
    min-height: auto;
    text-align: center !important;
}

.wfty_wrap .wfty_order_details table tr td.subscription-actions a:hover,
.wfty_wrap table.wfty_order_downloads tr td.download-file a:hover {
    color: #ffffff;
    background-color: #89e047;
}

.wfty_wrap .wfty_order_details table tr td.subscription-actions a:after {
    display: none;
}

.wfty_wrap .wfty_order_details .wfty_show_images .wfty_pro_list .wfty_leftDiv .wfty_p_name {
    padding-left: 85px;
}

.wfty_wrap .wfty_subscription table tr th,
.wfty_wrap .wfty_subscription table tr td,
.wfty_wrap .wfty_order_download table tr th,
.wfty_wrap .wfty_order_download table tr td,
.wfty_wrap table.wfty_order_downloads tr th,
.wfty_wrap table.wfty_order_downloads tr td {
    padding: 8px 8px 8px 0;
    border: none;
}

.wfty_wrap .wfty_subscription table tr th:last-child,
.wfty_wrap .wfty_subscription table tr td:last-child,
.wfty_wrap .wfty_order_download table tr th:last-child,
.wfty_wrap .wfty_order_download table tr td:last-child,
.wfty_wrap table.wfty_order_downloads tr th:last-child,
.wfty_wrap table.wfty_order_downloads tr td:last-child {
    padding-right: 0;
}

.wfty_wrap .wfty_order_details .wfty_pro_list .wfty_rightDiv {
    text-align: right;
    padding: 10px 0 15px;
}

.wfty_wrap .wfty_order_downloads tr td.download-product,
.wfty_wrap table.wfty_order_downloads tr td.download-product {
    word-break: break-word;
}

.wfty_wrap .wfty_title,
.wfty_wrap .wc-bacs-bank-details-heading {
    margin: 0 0 15px;
    font-size: 20px;
}

.wfty_wrap .wfty_subscription .wfty_title {
    margin-top: 15px;
}

.wfty_wrap .wfty_subscription table tr > th:last-child,
.wfty_wrap .wfty_subscription table tr > td:last-child,
.wfty_wrap .wfty_order_download table tr > th:last-child,
.wfty_wrap .wfty_order_download table tr > td:last-child {
    text-align: right;
}

.wfty_wrap .wfty_customer_info .wfty_text_bold {
    margin: 0 0 10px;
}

.wfty_wrap,
.wfty_wrap .wfty_title {
    font-family: "Open Sans", Sans-serif;
}

#et_wfty_customer_details .wfty_customer_info .wfty_text_bold strong,
.wfty_wrap .wffn_order_details_table th,
.wfty_wrap .subscription-id strong {
    font-weight: 400;
}

/* --------------------------------------------------------------------------
   Responsive (shared)
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .wfty_wrap .wfty_2c_tab_width .wfty_2_col_left,
    .wfty_wrap .wfty_2c_tab_width .wfty_2_col_right,
    .wfty_wrap .wfty_full_width.wfty_2c_tab_width .wfty_2_col_left,
    .wfty_wrap .wfty_full_width.wfty_2c_tab_width .wfty_2_col_right {
        width: 50%;
        float: left;
        margin-bottom: 15px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 400px) {
    .wfty_wrap .wfty_2c_mob_width .wfty_2_col_left,
    .wfty_wrap .wfty_2c_mob_width .wfty_2_col_right,
    .wfty_wrap .wfty_full_width.wfty_2c_mob_width .wfty_2_col_left,
    .wfty_wrap .wfty_full_width.wfty_2c_mob_width .wfty_2_col_right {
        width: 50%;
        float: left;
        margin-bottom: 15px !important;
        padding-right: 20px !important;
    }
}
