/*
 Theme Name: Hello Elementor Child
 Theme URI: https://example.com/
 Description: Child theme of Hello Elementor.
 Author: Your Name
 Author URI: https://example.com
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

/* Add your custom styles here */
:root {
  --red-color: #dd2b1c;
}

/* General CSS */
div[data-elementor-type="wp-page"]{padding-top: 90px;}
.mpp-btn-wrap a.eael-creative-button{margin: 0;}

/* Header CSS */
div[data-elementor-type="templately-header"]{position: fixed; background-color: rgb(255 255 255 / 0.95); width: 100%; z-index: 50; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;}

/* Home Page CSS */
.mpp-home-slider-wrp .elementor-image-carousel-wrapper,
.mpp-home-slider-wrp .swiper-wrapper,
.mpp-home-slider-wrp .swiper-slide{height: 480px;}
.mpp-home-slider-wrp .elementor-image-carousel img{width: 100%; height: 480px; object-fit: contain; object-position: center; background-color: #ffffff;}

/* Contact Form 7 CSS */

.cf7-row {
    margin-bottom: 18px;
}

.two-col {
    display: flex;
    gap: 16px;
}

.cf7-col {
    flex: 1;
}

.cf7-form-wrapper input,
.cf7-form-wrapper select,
.cf7-form-wrapper textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 15px;
    transition: 0.3s;
}

.cf7-form-wrapper input:focus,
.cf7-form-wrapper select:focus,
.cf7-form-wrapper textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.15);
    outline: none;
}

.cf7-form-wrapper textarea {
    min-height: 120px;
}

/* Captcha */
.captcha-row {
    display: flex;
    align-items: center;
    gap: 15px;
}

#math-question {
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

/* Button */
.cf7-form-wrapper input[type="submit"] {
    width: 100%;
    background: linear-gradient(135deg, #2563eb, #1e40af);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
}

.cf7-form-wrapper input[type="submit"]:hover {
    opacity: 0.9;
}

.mpp-word-break a{word-break: break-all;}

/* Mobile */
@media (max-width: 640px) {
    .two-col {
        flex-direction: column;
    }
}



/* Responsive CSS */
/* Desktop CSS */
@media only screen and (min-width: 1025px) {
    .mpp-mobile-show{display: none !important;}
}

/* Max width CSS */
@media only screen and (max-width: 1024px) {

	/* General CSS */
	div[data-elementor-type="wp-page"]{padding-top: 75px;}
	
    .mpp-home-slider-wrp .elementor-image-carousel-wrapper,
    .mpp-home-slider-wrp .swiper-wrapper,
    .mpp-home-slider-wrp .swiper-slide{height: 260px;}
}
@media only screen and (max-width: 768px) {
	.mpp-home-slider-wrp .elementor-image-carousel img{height: 100%;}
}