/**
 * theme.css
 *
 * @since 0.1.10
 * @package PPF
 *
 */



/**
 * Tags
 * 
 * @since 0.1.77
 * 
 */

input[type=number] {
	padding: 0.5rem 0.25rem 0.5rem 0.25rem;
}

ins,
del {
	text-decoration: none;
}

del {
	font-size: 70%;
	opacity: 0.8;
	font-weight: normal;
	position: relative;
}

del:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 2px solid var(--e-global-color-secondary);
	transform: rotateZ(15deg);
	left: 0;
	margin-top: 0.5rem;
}

header #breadcrumbs > span > span {
	margin: 0 0.25rem;
}



/**
 * Custom classes & IDs
 * 
 * @since 0.1.77
 * 
 */

 #masthead.elementor-sticky--active {
	min-height: 60px;
}

#masthead.elementor-sticky--active #header-logo img {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    max-height: 50px;
    width: auto;
}

#main-menu {
	max-width: 100%;
}

#main-menu .elementor-nav-menu--dropdown {
	height: calc(100vh - 120px) !important;
	padding-top: 2rem !important;
}

.address,
.phone {
	padding: 0.5rem 1rem;
	color: var( --e-global-color-6f2beb7 );
}

.address, .address a,
.phone, .phone a {
	font-size: 0.9rem;
	color: var( --e-global-color-6f2beb7 ) !important;
}

.address a:hover,
.phone a:hover {
	font-size: 0.9rem;
	color: var( --e-global-color-4e87987 ) !important;
}

.address i, .address svg, .address a i, .address a svg,
.phone i, .phone svg, .phone a i, .phone a svg {
	margin-right: 0.5rem;
	color: var( --e-global-color-4e87987 ) !important;
}

#video-wrapper {
    height: calc(100vh - 120px) !important;
    min-height: calc(100vh - 120px) !important;
    display: flex;
    flex-direction: row;
}

.video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; /* Ensure it's behind other content in this container */
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crucial for responsiveness and aspect ratio */
    object-position: center center;
    margin-top: -150px;
}

/**
 * Home Page Hero Section
 * 
 * @since 0.1.77
 * 
 */

#hero-title-overlay .row-1 {
	font-size: 4.8rem;
	line-height: 4.8rem;
}

#hero-title-overlay .row-2 {
	color: #fff;
	font-size: 3.5rem;
	line-height: 3.6rem;
}

#hero-title-overlay .row-3 {
	font-size: 4rem;
	line-height: 4.2rem
}

#hero-title-overlay .row-4 {
	font-family: 'Precious Soul', Arial, Sans-serif, helvetica;
	font-size: 7.2rem;
	text-transform: capitalize;
	font-weight: 400;
	color: #fff;
	transform: skew(0, -12deg);
}

@media(max-width: 1800px) {

}

@media(max-width: 1600px) {

}

@media(max-width: 1400px) {

}

@media(max-width: 1280px) {

}

@media(max-width: 1080px) {

	#hero-title-overlay .row-4 {
		margin-top: -4rem
	}

}

@media(max-width: 767px) {

}

@media(max-width: 480px) {

	#hero-title-overlay .row-1 {
		font-size: 3.6rem;
		line-height: 3.6rem;
	}

	#hero-title-overlay .row-2 {
		color: #fff;
		font-size: 2.7rem;
		line-height: 2.7rem;
	}

	#hero-title-overlay .row-3 {
		font-size: 3rem;
		line-height: 3rem
	}

	#hero-title-overlay .row-4 {
		font-size: 4rem;
		margin-top: 2rem
	}

}

#page-header {
	position: relative;
}

#why-choose .elementor-shape-bottom,
#testimonial .elementor-shape-bottom,
#call-to-action .elementor-shape-bottom {
	z-index: 1;
	top: -120px;
	bottom: initial !important;
}

@media(max-width: 1080px) {

    .video-container video {
        margin-top: 0px;
    }

}

.call-us-button {
	/** display: none; **/
}

@media(max-width: 768px) {

	#why-choose .elementor-shape-bottom,
	#testimonial .elementor-shape-bottom,
	#call-to-action .elementor-shape-bottom {
		top: 0;
	}

	#why-choose .elementor-shape-bottom svg,
	#testimonial .elementor-shape-bottom svg,
	#call-to-action .elementor-shape-bottom svg {
		height: 120px;
	}

}



/**
 * Home Page
 * 
 * @since 0.1.77
 * 
 */

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
	background: var( --e-global-color-7d6f46b );
}

table tbody tr:hover > td,
table tbody tr:hover > th {
	background: var( --e-global-color-8609c6b );
}


@media(max-width: 1800px) {

}

@media(max-width: 1600px) {

}

@media(max-width: 1400px) {

}

@media(max-width: 1280px) {

}

@media(max-width: 1080px) {

}

@media(max-width: 767px) {

}

@media(max-width: 480px) {

}