/*
  Theme Name: LuxehomeConstruction
  Theme URI: https://sacramentoremodel.com/
  Version: 2.5.5
  Template: Divi
  Author: Sacramento Digital Media
  Author URI: https://sacdm.com/web-design/home-remodeling-contractor/
  Description: Divi Child Theme for Luxehome Construction Inc
  Text Domain: luxehomeconstruction
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* Add Play Icon to the blur image */

.dp-custom-blurb-image .et_pb_main_blurb_image .et_pb_image_wrap.et_pb_only_image_mode_wrap::before {
    content: url('https://sacdm.net/demo/7/wp-content/uploads/2024/05/interior-play-icon-1-1.svg');
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    border-radius: 50%; /* Makes the background perfectly circular */
    border: 2px solid #fff;
    background: #ffffff;
}

.et_pb_main_blurb_image .et_pb_image_wrap.et_pb_only_image_mode_wrap {
    position: relative;
}

.wpcf7-checkbox input[type="checkbox"] {
	background-color: #fafafa!important; /* Background color  */
    width: 20px; /* Adjust size as needed */
    height: 20px; /* Adjust size as needed */
    border: 2px solid #e0eec6!important; /* Border color and width */
        appearance: none; /* Removes default browser styles */
    outline: none; /* Removes focus outline */
    cursor: pointer; /* Adds a pointer cursor */
}

.wpcf7-checkbox input[type="checkbox"]:checked {
    background-color: #fafafa; /* Background color when checked */
 	border: 2px solid #476a34!important;/* Border color when checked */
    position: relative;
}

.wpcf7-checkbox input[type="checkbox"]:checked::after {
    content: "✔"; /* Adds a checkmark */
    font-size: 16px;
    color: #476a34;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #000000!important; /* Replace #999 with your desired placeholder color */
      opacity: 1; /* Ensure the placeholder text is fully opaque */
}