/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child
 Description:  Child theme for Twenty Twenty-Five
 Author:       Your Name
 Author URI:   https://example.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/

/* Import parent theme styles (optional, parent is block theme so may not need) */
@import url("../twentytwentyfive/style.css");

/* Custom CSS starts here */


@font-face {
    font-family: 'Area';
    font-weight: 400;
    src: local('recoleta'), url(fonts/Area-Normal-SemiBold.woff) format('opentype');
}
@font-face {
    font-family: 'Area';
    font-weight: 700;
    src: local('recoleta'), url(fonts/Area-Extended-Bold.woff) format('opentype');
}
@font-face {
    font-family: 'spirit';
    font-weight: 400;
    src: local('recoleta'), url(fonts/spirit-light-condesed.woff) format('opentype');
}

.font-spirit .elementor-heading-title {
    font-family: 'spirit' !important;
}


body {
    font-family: 'Area' !important;
	background-color: #fef9e5 !important;
}
body h1{
	font-family: 'spirit' !important;
}

.elementor-10 .elementor-element.elementor-element-503873d .menu-item a.hfe-menu-item.elementor-button{
	font-family: 'spirit' !important;
}

p.elementor-heading-title {
    font-family: 'Area' !important;
    line-height: 1.5;
}

.btn1 .elementor-button {
    background: transparent;
    border: 2px solid #27392a;
    color: #27392a;
    border-radius: 0;
    padding: 14px 20px;
    font-size: 1rem;
}
.btn1 .elementor-button svg {
	fill: #27392a;
}

.btn1 .elementor-button:hover {
    background: #27392a;
    color: #fff;
}

.btn1 .elementor-button:hover svg {
    fill: #fff;
}

.btn2 .elementor-button {
    background: #fff;
    color: #27392a;
    font-size: 30px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	font-family: 'spirit';
	padding: 10px 30px;
}

.header .menu-item .hfe-menu-item {
    font-size: .75rem;
    font-family: 'Area' !important;
    color: #27392a !important;
}
.header .menu-item.current-menu-item .hfe-menu-item {
    color: #27392a !important;
}

.header .menu-item .hfe-menu-item.elementor-button {
    color: #fff !important;
    font-family: 'spirit' !important;
    padding: 10px 25px !important;
    font-size: 2rem !important;
}
.header .hfe-nav-menu {
    width: 100%;
}

.header .menu-item.elementor-widget-button {
    margin-left: auto;
}

.ehf-header #masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fef9e5;
}

header .header .elementor-widget-container {
    transition: all .4s ease !important;
}

header.scrolled .header .elementor-widget-container {
    padding: 10px 10px 10px 10px !important;
}

.banner1 {
    position: relative;
    overflow: hidden;
    height: 100vh;
    margin-top: 152px;
}

.banner1 .right-image {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 100%;
    width: 35%;
	z-index: 1;
}

.banner1 .e-con-inner {
    position: unset;
}

.banner1 .img-logo {
    position: absolute;
    top: 70px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    width: 170px;
}

.banner1 .btn-image {
    position: absolute;
    bottom: 70px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
}

.banner1 .img-metress {
    position: absolute;
    width: 100%;
    left: 120px;
    z-index: 0;
    top: 38%;
    transform: translateY(-50%);
}
.sleep-section {
	overflow: hidden;
}
.sleep-section .img1 {
    position: absolute;
    top: 120px;
    left: 42%;
    width: 90%;
}
.sleep-section .cloud1 {
    position: absolute;
    top: 70px;
    left: -160px;
}
.sleep-section .cloud2 {
    position: absolute;
    bottom: 70px;
    right: -160px;
}

.story-section {
    position: relative;
    overflow: hidden;
}

.story-section .right-image {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 100%;
    width: 45%;
    z-index: 1;
}
.story-section .right-image .img1 {
	height: 100%
}
.story-section .right-image .img1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.story-section .e-con-inner {
    position: unset;
}

.story-section .img-logo {
    position: absolute;
    bottom: 70px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    width: 100%;
}

.story-section .btn-image {
    position: absolute;
    top: 120px;
    left: 70%;
    z-index: 2;
    transform: translateX(-50%);
}

.story-section .img-metress {
    position: absolute;
    width: 100%;
    left: 120px;
    z-index: 0;
    top: 38%;
    transform: translateY(-50%);
}
.why-box .elementor-widget-image img {
    height: 150px;
    object-fit: cover;
    width: 100%;
}

.people-box .icon {
    position: absolute;
    bottom: -45px;
    left: 20px;
}

.people-box .icon svg {
    font-size: 75px;
}
#footer{
	display:none;
}




/* responsive css */
@media (max-width: 767px) {
	.banner1 .right-image {
		position: relative;
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
	}

	.banner1 {
		height: auto;
		margin-top: 88px;
	}

	.banner1 .right-image .img1 img {
		width: 100%;
	}
	
	.sleep-section .cloud1 {
		width: 220px;
		left: -100px;
		top: 150px;
	}

	.sleep-section .cloud2 {
		width: 220px;
		right: -100px;
		top: 300px;
	}
	.story-section .right-image {
		position: relative;
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
	}

	.story-section .right-image .img1 img {
		width: 100%;
	}
	
	.header .hfe-nav-menu {
		width: 100%;
	}

	.header .menu-item.elementor-widget-button {
		margin-left: auto;
	}

	.header .menu-item .hfe-menu-item {
		padding: 10px 5px !important;
		font-size: .5rem !important;
	}

	.header .menu-item .hfe-menu-item.elementor-button {
		padding: 8px 10px !important;
		font-size: .75rem !important;
	}
}