/*======================================
/*
 * Theme Name:  Radiant Printing (Rebrand)
 * Theme URI:   https://radiantwebsites.io
 * Description: WooCommerce Divi Child Theme
 * Author:      Dave Leonard + Daniel Purifoy
 * Author URI:  https://radiantwebsites.io
 * Template:    Divi
 * Version:     2.0.0
 * License:     GPLv3
 * License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 * Tags:        Divi, Ecommerce, WooCommerce, Child Theme
 * Text Domain: radiant_printing
 */

/*
Radiant Printing
Copyright (C) 2023 Radiant Printing
==========

For the text of the GNU General Public License version 3, and licensing/copyright
information for third-party code used in this product, see ./license.txt.
 
* =============================================================================== */

 
/*** Global Style ***/

h7 {
    font-family: Cormorant Garamond;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
}

.paragraph-16 {
    font-family: Visby-CF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
}

.paragraph-14 {
    font-family: Visby-CF;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
}

/****** Vertically center rows in sections and modules in columns *******/ 
.dh-valign-center-row .et_pb_column,
.dh-valign-center-section,
.dh-valign-center-module {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.pa-inline-ratings .et_pb_module .et_pb_text {
    display: inline-block;
}
.pa-inline-icon .et_pb_icon_wrap {
    display: inline-block;
}

/* Align Column Height */
.et_pb_equal_columns >.et_pb_column {
    margin-top:auto;
    margin-bottom:auto;
}

.grecaptcha-badge { display:none!important}


.woocommerce-variation-availability .gform-field-label{
    display: none;
}

/* Archieve Page - Shop Page */

/* Archieve Page - Product Starting at Price */
.et_pb_shop .woocommerce ul.products li.product .price .from {
    color: #FF4A11;
    font-family: 'Visby CF';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.more-link {
    color: #FFFFFF;
    text-align: left;
    font-family: "Visby CF";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    letter-spacing: -0.4px;
    border-bottom: 1px solid #222325;
    letter-spacing: -0.4px;
    }

a.more-link{
    width: 80px!important;
}

/* Archieve Page - Products */

.tax-product_cat .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    font-family: 'visby-cf', Georgia, "Times New Roman", serif;
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 32px;
    color: #222325;
}

.tax-product_cat.woocommerce ul.products li.product .price .from {
    color: #ff4a11;
    font-family: visby-cf;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: none;
}

.tax-product_cat ul.products.columns-4 span.woocommerce-Price-amount.amount{
    font-family: 'visby-cf', Georgia, "Times New Roman", serif;
    font-weight: 700;
    font-size: 14px;
    color: #222325 !important;
    line-height: 22px;
}


#left-area ul,
.entry-content ul,
.et-l--body ul,
.et-l--footer ul,
.et-l--header ul {
    list-style-type: disc;
    padding: 0px;
    line-height: 26px;
}


/*Checkmark List Styling*/
ul {
    list-style: none!important;
    /* Remove default list style */
    padding-left: 0;
    /* Adjust as needed */
}

ul li {
    position: relative;
    padding-left: 0;
    /* Adjust based on the size of your icon */
    margin-bottom: 2px;
    /* Spacing between items */
}

.fas.fa-check-circle {
    color: #5DD89F;
    margin-right: 12px;

}

.fas.fa-times-circle{
    color: #FF4A11;
    margin-right: 12px;
}


/* Customize Phone Number Field for Graviy Forms and Gravity Perks*/
div.iti--separate-dial-code .iti__selected-flag{
    background-color: rgba(0,0,0,.00)
}

div.iti__selected-flag{
    border-right: 1px solid #CBCBCB;
    padding-left: 16px;
    padding-right: 16px;
}

/* Add padding back in for Gravity Form telephone fields inside of the the Gravity Wiz Divi Module */
.et-db.et-db #et-boc.et-boc .et-l.et-l--body.et-l--body section.et_pb_wpt_gravityform[data-type="et_pb_wpt_gravityform"] .gform_wrapper form input[type="tel"],
section.et_pb_wpt_gravityform.et_pb_wpt_gravityform .gform_wrapper.gform_wrapper .gfield.gfield--type-phone .ginput_container.ginput_container_phone input[type="tel"] {
    padding-left: 100px!important;
}

 
 /* Pay for order */
 
 .woocommerce-order-pay .woocommerce form#order_review {
     float     : none !important;
     width     : 100% !important;
     max-width : 700px;
     margin    : 0 auto !important;
 }
 
 /* Order recieved */
 
 .woocommerce-order-received .woocommerce-order {
     max-width : 900px;
     margin    : 0 auto;
 }
 
 .woocommerce-order-received .woocommerce-order .woocommerce-customer-details,
 .woocommerce-order-received .woocommerce-order.woocommerce-order-details,
 .woocommerce-order-received .woocommerce-order .woocommerce-order-downloads {
     margin-bottom : 0;
 }
 
 .woocommerce-order .woocommerce-thankyou-order-received {
     margin-bottom : 25px !important;
     font-size     : 17px;
     line-height   : 25px;
 }
 
 .woocommerce-order .woocommerce-thankyou-order-received:before {
     content       : "\4e";
     color         : #26C15F;
     font-size     : 20px;
     line-height   : 25px;
     font-weight   : bold;
     padding-right : 5px;
 }
 
 .woocommerce-order .woocommerce-thankyou-order-received:before {
     font-family : "ETmodules";
 }
 
 .woocommerce-MyAccount-content p:first-child {
     margin-bottom : 20px;
 }
 
 .woocommerce-customer-details h2,
 .woocommerce-order-downloads h2,
 .woocommerce-order-details h2 {
     font-weight : 600;
     font-size   : 23px;
     line-height : 1.5;
 }
 
 .woocommerce .woocommerce-customer-details address {
     padding : 15px;
 }
 
 
 /**
  * #.#  Woocommerce Cart
  *
  */
 
 #coupon_code{
     margin:8px!important;
     padding: 20px 32px!important;
     font-size: 16px;
     color:#585858!important;
     width:250px!important;
 }
 
 .tm-cart-edit-options{
     color:#F05A40;
     font-weight: 700!important;
     padding: 8px 0px 0px 0px;
     font-size: 10px!important;
     font-style: italic;
 }
 
 /**
  * #.#  Empty Cart
  *
  */
 
 .return-to-shop {
     text-align : center;
 }
 
 .empty-cart {
     text-align    : center;
     margin-bottom : 15px;
     position      : relative;
     margin-top    : 30px;
 }
 
 .empty-cart p {
     font-size   : 19px;
     line-height : 1.5;
     font-weight : 300;
 }
 
 .empty-cart h1 {
     font-weight    : 700;
     line-height    : 1.25;
     margin-top     : 5px;
     padding-bottom : 0;
     font-size      : 35px;
 }
 
 .woo-cart p.cart-empty.woocommerce-info {
     display : none;
 }




/** Styles for the Gravity Form with "rp-rebrand-form" Class **/
.rp-rebrand-form .gform_wrapper {
    font-family: "Visby CF", Helvetica, sans-serif;
    color: rgba(34, 35, 37, 1);
    background-color: rgba(255, 255, 255, 1);
    padding: 0;
    width: 424px;
    border: 0 solid rgba(234, 234, 234, 1);
}

.rp-rebrand-form .gform_heading .gform_title,
.rp-rebrand-form .gform_heading .gform_description {
    font-weight: 700;
    font-size: 34px;
    line-height: 38px;
    color: rgba(34, 35, 37, 1);
    margin-bottom: 15px;
}

.rp-rebrand-form .gfield_label {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: rgba(34, 35, 37, 1);
}

.rp-rebrand-form .gfield input[type="text"],
.rp-rebrand-form .gfield select {
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(234, 234, 234, 1);
    font-size: 16px;
    color: rgba(34, 35, 37, 1);
    margin-bottom: 12px;
}

.rp-rebrand-form .gform_footer input[type="submit"] {
    background-color: rgba(10, 124, 251, 1);
    color: rgba(255, 255, 255, 1);
    border: none;
    padding: 12px 24px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.rp-rebrand-form .gform_footer input[type="submit"]:hover {
    background-color: rgba(59, 150, 252, 1);
}

.rp-rebrand-form .gform_wrapper .ginput_container_select select {
    display: block;
    /* Ensure select dropdowns are fully displayed */
}

/** Gravity Form Upload Field **/
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {
    color: #FFFFFF;
    text-align: center;
    font-family: "visby-cf";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    letter-spacing: -0.4px;
    padding: 9px 24px;
    background: #222325;
    border: none;
    }  
    
    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files:hover {
    color: #FFFFFF;
    text-align: center;
    font-family: "visby-cf";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    letter-spacing: -0.4px;
    padding: 9px 24px;
    background: rgba(34, 35, 37, 0.8);
    border: none;
    }  
    
    body .gform_wrapper .gform_body .gform_fields .gform_drop_area {
        padding: 32px;
        border: 3px dashed #222325;
        background: rgba(246,184,169,0.00);
        border-radius: 0px;
    }
    
    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_instructions {
        font-size: 12px;
        font-family: "visby-cf";
        font-weight: 600;
        color: #222325;
    }

/* Estimate Total */


.rp-rebrand-form .estimate-total label {
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: rgba(255, 74, 17, 1);
    background-color: transparent;
    border: none;
    font-size: 16px;
}

/* Estimate Total Price */
.rp-rebrand-form .estimate-total .ginput_container input[type="text"] {
    font-weight: 500;
    color: #222325;
    background-color: transparent;
    border: none;
    line-height: 40px;
    /* 153.846% */
    font-size: 26px;
    padding: 6px 12px;
}

/* Responsive adjustments*/
@media (max-width: 480px) {
    .rp-rebrand-form .gform_wrapper {
        width: auto;
        padding: 15px;
    }
}


/** Style for Newsletter Signup Form **/

.rp-newsletter {
    display: flex;
    flex-direction: column;
    max-width: 488px!important;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    padding: 0 20px !important;
}

.rp-newsletter .gform_heading,
.rp-newsletter .gform-field-label {
    display: none!important;
}

.gform_heading {
    display: none;
}

.rp-newsletter .gform_fields,
.rp-newsletter .gfield {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
    /* Default rule for larger screens */
}

/* Media query for screens smaller than 768px (typically tablets)*/

@media (max-width: 488px) {
    .rp-newsletter .gform_fields,
    .rp-newsletter .gfield {
        width: 70%!important; 
        max-width: 70%;
    }
}

@media (max-width: 768px) {
    .rp-newsletter .gform_fields,
    .rp-newsletter .gfield {
        display: flex;
        align-items: center;
        position: relative;
        width: 70%;
    }
}

.rp-newsletter .gform_fields {
    height: 52px;
    align-self: stretch;
    border-bottom: 1px solid #F4EBE0;
}

.rp-newsletter .gfield {
    flex: 1;
    flex-grow: 1;
}

.rp-newsletter .gfield > i {
    width: 24px;
    height: 24px;
    color: #F4EBE0 !important;
}

.rp-newsletter input[type="text"],
.rp-newsletter input[type="email"],
.rp-newsletter input[type="password"],
.rp-newsletter input[type="tel"],
.rp-newsletter select,
.rp-newsletter textarea {
    background: none !important;
    width: 380px !important;
    border: none !important;
}
.rp-newsletter input::placeholder {
    color: #F4EBE0 !important;
    font-family: "Visby CF";
    font-size: 16px;
    line-height: 26px;
}

.rp-newsletter .gform_button {
    font-family: "Visby CF-Medium", Helvetica;
    color: #f4ebe0;
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 28px;
    white-space: nowrap;
    background-color: transparent !important;
    /* Makes the button background transparent */
}
body .rp-newsletter .et_pb_button {
    background-color: #ffffff00!important;
}