/*======================================
Theme Name: Rise Mortgage Divi Child Theme By Risethemes
Theme URI: https://mortgage.riselayouts.site/
Description: This is a mortgage Divi child theme from risethemes
Author: hidayath shaikh
Author URI: https://risethemes.net/
Author Email: getrisethemes@gmail.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

 /*add your custom CSS below this line*/


/* Mortgage Calculators WP Custom Code Start */

.mcalc label {
    display: block;
    line-height: 40px;
    padding: 0 !important;
    margin: 0;
    letter-spacing: 0;
    font-size: 1.2em !important;
	  color: #171717 !important;
}

.mcalc .mcalc-results h2 {
    color: #fff;
    font-size: 2.5em !important;
    font-weight: 500;
    margin: 0 0 10px;
    border: 0;
    box-shadow: 0 0;
    padding: 0;
}

.mcalc .mcalc-results h3 {
    color: rgba(255, 255, 255, .5);
    font-size: 1em !important;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 40px;
    padding: 0;
    letter-spacing: 4px;
    border: 0;
    box-shadow: 0 0;
}

.mcalc .mcwp-submit {
    color: #fff;
    border: 0;
    border-radius: 0 2px 2px 0;
    float: left;
    width: 30%;
    line-height: 40px;
    padding: 0px 12px;
    height: 40px;
    font-size: 1.1em !important;
}

/* Mortgage Calculators WP Custom Code End */


/* Servces Custom Code Start */

.mt_flip .mt_flip_active, .mt_flip .mh_flip_meta, .et-fb .mt_flip .mt_flip_active, .et-fb .mt_flip .mt_flip_meta {
    transform: perspective(500px) rotateX(0deg); /* Default transform */
    transition: all 0.3s linear;
}

.mt_flip .mt_flip_active {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 40px 50px;
    top: 0;
    left: 0;
    transform-origin: 50% 0%;
    height: calc(100% - -1px);
}

.mt_flip:hover .mt_flip_active {
    transform: perspective(500px) rotateX(-90deg);
    transition-delay: 0s;
}

.mt_flip .mt_flip_meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0e0e0e;
    padding: 40px;
    transform-origin: 50% 100%;
    opacity: 0; /* Hidden by default */
    transition: all .3s linear; /* Transition without delay */
    transform: perspective(500px) rotateX(90deg); /* Initial transform for hidden state */
}

.mt_flip:hover .mt_flip_meta {
    opacity: 1; /* Visible on hover */
    transform: perspective(500px) rotateX(0deg); /* Rotate to visible state on hover */
    transition-delay: 0.2s; /* Delay the start of transition to sync with .mh_flip_active */
}

.et-fb .mt_flip .mt_flip_active, .et-fb .mt_flip:hover .mt_flip_active, .et-fb .mt_flip .mt_flip_meta {
    height: unset;
    opacity: 1 !important; /* Ensure it's visible */
}

.et-fb .mt_flip:hover .mt_flip_active {
    transform: perspective(500px) rotateX(0deg);
}


/* Change flip card direction */
.mt_flip .mt_flip_active, .mt_flip .mt_flip_meta, .et-fb .mt_flip .mt_flip_active, .et-fb .mt_flip .mt_flip_meta {
    transform: perspective(500px) rotateX(0deg); /* Default transform for both elements */
    transition: all 0.3s linear; /* Default transition for both elements */
}

.mt_flip .mt_flip_active {
    /* Other properties remain unchanged */
    transform-origin: 50% 0%;
}

.mt_flip:hover .mt_flip_active {
    transform: perspective(500px) rotateY(-90deg); /* Changed flip active to rotateY for horizontal flip */
    transition: all 0.3s linear 0s; /* Adjust duration here as well */
}

.mt_flip .mt_flip_meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0e0e0e;
    padding: 40px;
    transform-origin: 50% 100%;
    opacity: 0; /* Hidden by default */
    transform: perspective(500px) rotateX(90deg); /* Retain vertical flip */
    transition: all 0.3s linear 0s; 
}

.mt_flip:hover .mt_flip_meta {
    opacity: 1; /* Visible on hover */
    transform: perspective(500px) rotateX(0deg); /* Retain vertical flip */
    /* No additional transition-delay needed here because it's set in the default state */
}

.et-fb .mt_flip .mt_flip_active, .et-fb .mt_flip:hover .mt_flip_active, .et-fb .mt_flip .mt_flip_meta {
    /* Other properties remain unchanged */
}

.et-fb .mt_flip:hover .mt_flip_active {
    transform: perspective(500px) rotateX(0deg); /* Changed from rotateY to rotateY */
}

/* Servces Custom Code End */


/* Reduce left spacing between blurb icon and blurb text Start */

.rt-mt-blurb.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left:5px;
}

/* Reduce left spacing between blurb icon and blurb text End */