/* 
Theme Name: Bespokelofts
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*UTILITY*/

.w-900 *{
	font-weight: 900 !important;
}

.w-800 *{
	font-weight: 800 !important;
}

.w-700 *{
	font-weight: 700 !important;
}

.w-600 *{
	font-weight: 600 !important;
}

.w-500 *{
	font-weight: 500 !important;
}

.w-400 *{
	font-weight: 400 !important;
}

.w-300 *{
	font-weight: 300 !important;
}

.underline-me *{
	text-decoration: underline !important;
}

.uppercase-me *{
	text-transform: uppercase !important;
}

.italic-me *{
	font-style: italic !important;
}

@media only screen and (min-width:1024px){
	.lh-100 *{
		line-height: 1.1em !important;
	}
}

@media only screen and (max-width:1250px){
	.lantab-no-br br{
		display: none !important;
	}
}

@media only screen and (max-width:1024px){
	.tab-no-br br{
		display: none !important;
	}
}

@media only screen and (max-width:767px){
	.no-br br{
		display: none !important;
	}
}

.have-color-in-span span, .have-color-in-bold strong, .have-color-in-bold b{
	color: #F9DFBE;
}

.italic-span span{
    font-variation-settings: 'slnt' -10;
}

.bold-span span{
	font-weight: 500 !important;
}

b{
	font-weight: 500 !important;
}

.link-underline a{
	text-decoration: underline;
}

.link-white a{
	color: #fff !important;
}

.link-black a{
	color: #1C3463 !important;
}


.have-color-in-bold{
	color: var(--e-global-color-3120f4e);
}

.ul-no-padding ul{    
    margin-left: 20px !important;
	margin-bottom: 0px !important;
}


.ul-li-icon li{
	position: relative;
	padding-left: 15px;
	list-style-type: none;
	margin-bottom: 25px;
}

.ul-li-icon li:last-of-type{
	margin-bottom: 0px;
}

.ul-li-icon li::before{
	content: "";
	position: absolute;
	top: 7px;
	left: -20px;
	height: 18px; 
	width: 18px;
	background: url("/wp-content/uploads/2026/02/check.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lh-100 *{
	line-height: 1.1em;

}



.absolute{
	position: absolute;
}

@media only screen and (min-width: 768px){

	.no-m-absolute{
		position: absolute;
	}
}

@media only screen and (min-width: 1025px){
	
	.no-tab-absolute{
		position: absolute;
	}
	
}



.abs-top{
	top: 0px;
}

.abs-bottom{
	bottom: 0px;
}

.abs-left{
	left: 0px;
}

.abs-right{
	right: 0px;
}

.reduce-letter-spacing *{
	letter-spacing: -1px !important;
}


@media only screen and (max-width: 767px){

.lh-100 *{
	line-height: 1.3em;

}


}

.content-container :is(h1, h2, h3, h4, h5, h6){
	line-height: 1.3em;
	margin-bottom: 15px;
}

.content-container hr{
	margin: 20px 0px !important;
}

.content-container h1{
	font-size: 180%;
}

.content-container h2{
	font-size: 170%;
}

.content-container h3{
	font-size: 160%;
}

.content-container h4{
	font-size: 150%;
}

.content-container h5{
	font-size: 140%;
}

.content-container h6{
	font-size: 130%;
}

@media only screen and (min-width: 1480px){
	.right-open-container{
		padding-left: max(40px, calc( calc(100vw - 1440px) / 2 ));
	}
	
	.right-open-container .left-box{
		width: calc(50% - calc( calc(100vw - 1440px) / 4 ));
	}
	
	.right-open-container .right-box{
		width: calc(50% + calc( calc(100vw - 1440px) / 4 ));
	}
	
	.left-open-container{
		padding-right: max(40px, calc( calc(100vw - 1440px) / 2 ));
	}
	
	.left-open-container .left-box{
		width: calc(50% + calc( calc(100vw - 1440px) / 4 ));
	}
	
	.left-open-container .right-box{
		width: calc(50% - calc( calc(100vw - 1440px) / 4 ));
	}
	
 
 }



/*---- Infinite Scroll Slider ----*/

.infinite-slide .swiper-wrapper{
	transition-timing-function: linear !important;
}


.image-link-full a{
	width: 100%;
}


/*ADDED FOR ALL SITES*/ 

#header-menu li.menu-item.menu-item-has-children{
    position: relative;
}

#header-menu span.sub-arrow{
    position: absolute;
    right: 15px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text; 
	
}

:is(.step-form, .black-form) input:-webkit-autofill,
:is(.step-form, .black-form) input:-webkit-autofill:hover, 
:is(.step-form, .black-form) input:-webkit-autofill:focus, 
:is(.step-form, .black-form) input:-webkit-autofill:active{
	-webkit-text-fill-color: #fff;
}


*:focus{
	outline: none !important;
	outline-style: none !important;
}
 

:is(a, li):focus-visible, :is(a, li):focus-within {
    outline: none !important;
    
}

body:not(.home, .page-id-116, .page-id-118, .page-id-120, .page-id-122, .page-id-124) .white-logo{
	display: none;
}

@media only screen and (max-width: 767px) {
	
  :is(.home, .page-id-116, .page-id-118, .page-id-120, .page-id-122) .white-logo > a > img{    
    filter: invert(100%) !important;
	}
}

:is(.home, .page-id-116, .page-id-118, .page-id-120, .page-id-122, .page-id-124) .black-logo{
	display: none;
}

:is(.home, .page-id-116, .page-id-118, .page-id-120, .page-id-122, .page-id-124) :is(.menu-left, .menu-right) .e-n-menu-item :is(.e-n-menu-title-text, svg){
	color: #FFF5F0 !important;
	fill: #ffffff !important;
}

:is(.home, .page-id-116, .page-id-118, .page-id-120, .page-id-122, .page-id-124) :is(.menu-left, .menu-right) .e-n-menu-item:hover :is(.e-n-menu-title-text, svg){
	color: #F9DFBE !important;
}


/*FORM*/ 
/* Hide native checkbox */
.step-form .elementor-field-option input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Label styling */
.step-form .elementor-field-option > label{
    position: relative;
    display: block;
    padding-left: 25px;
    cursor: pointer;
    line-height: 1.5;
}

/* ===== Checkbox box ===== */
.step-form .elementor-field-option > label::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #ffffff;
    background: transparent;
    transition: all 0.25s ease;
}

/* ===== Tick mark ===== */
.step-form .elementor-field-option > label::after{
    content: "";
    position: absolute;
    left: 6px;
    top: 4px;
    width: 4px;
    height: 9px;
    border-right: 1px solid #FFF5F0;
    border-bottom: 1px solid #FFF5F0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* ===== Checked state ===== */
.step-form .elementor-field-option input[type="checkbox"]:checked + label::before{
    border-color: #FFF5F0;
}

.step-form .elementor-field-option input[type="checkbox"]:checked + label::after{
    opacity: 1;
}

/* Hover effect */
.step-form .elementor-field-option > label:hover::before{
    border-color: #FFF5F0;
}

/* ===============================
   SELECT DROPDOWN – STEP FORM
   (Readable text, no custom arrow)
================================ */

.step-form select{
    width: 100%;
    background: #FFF5F0;
    border: 1px solid #F9DFBE;
    color: #282626;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Placeholder / first option */
.step-form select option[value=""]{
    color: rgba(40, 38, 38, 0.6);
}

/* Hover */
.step-form select:hover{
    border-color: #282626;
}

/* Focus */
.step-form select:focus{
    outline: none;
    border-color: #282626;
}

/* Dropdown list */
.step-form select option{
    background: #FFF5F0;
    color: #282626;
}

.step-form .elementor-field-type-step:last-of-type >  .e-form__buttons {
    display: none;
}

/*new*/

span.span-black {
	color: #282626 !important;
}

span.attr-value {
    color: #686868 !important;
}





/* css line animation end */

.my-account header.woocommerce-Address-title.title {
    border: none;
}
 
.my-account header.woocommerce-Address-title.title h2 {
    margin: 15px 0  !important;
}



[class*="-inline-error-message"] {
    color: #c30000 !important;
}



.blur-me{
	backdrop-filter: blur(8.2px);
}

.dot-bg::before{
	mix-blend-mode: exclusion !important;
}

.hover-color-box:hover{
	background-color: #1C3463 !important;
}

.hover-color-box:hover *{
	color: #ffffff !important;
}


.placeholder-black :is(input, textarea, select)::placeholder{
	color: #000000 !important;
	opacity: 1 !important;
}

.placeholder-color :is(input, textarea, select)::placeholder{
	color: #1C3463 !important;
	opacity: 1 !important;
}

.services-loop div.e-loop-item[data-elementor-type="loop-item"]:last-of-type .services-loop-item .loop-divider{
	display: none;
}

.ls-35{
	letter-spacing: 5.5px;
}

.aspect-1 img{
	width: 30% !important;
	aspect-ratio: 1.66/1 !important;
	object-fit: cover !important;
}


.break-mid-word *{
	word-break: break-all !important;
}

.link-underline-white span.elementor-icon-list-text{
  text-decoration: underline !important;
  text-decoration-color: white !important;
  text-decoration-thickness: 1px !important; 
  text-underline-offset: 4px !important;
}