/* Fix header position when admin bar is visible */
body.admin-bar .sc-header-section{
    top: 32px !important; /* Adjust for the WP admin bar height */
}

/* For mobile view (admin bar height is smaller) */
@media screen and (max-width: 782px) {
	body.admin-bar .sc-header-section{
        top: 46px !important; /* Adjust for the WP admin bar height */
    }
}


.sc-header-section{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transition: 0.4s all;
    z-index: 9999;
    background: transparent;
}
.sc-header-section:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #312B1B;
	transition: 0.4s all;
	z-index: -1;
}

.sc-header-section.sticky{
	position: fixed;
    top: 0px;
}
.sc-header-section.sticky:after{
    height: 100%;
}

.wpml-ls-legacy-list-horizontal a{
    color: #312B1B;
    font-weight: 400;
    transition: 0.3s;
	font-size: 14px;
}
.wpml-ls-legacy-list-horizontal a:hover{
    color: #65371E;
}

.sc-language.white .wpml-ls-legacy-list-horizontal a{
    color: #F7F4EE;
}

.sc-header-section .sc-logo{
    display: none;
}

.sc-header-section.sticky .sc-logo{
    display: block;
}


body.page-id-35 .elementor-nav-menu .elementor-item,
body.page-id-426 .elementor-nav-menu .elementor-item,
.sc-header-section.sticky .elementor-nav-menu .elementor-item{
	color: #F7F4EE!important;
}

body.page-id-35 .elementor-nav-menu .elementor-item:after,
body.page-id-426 .elementor-nav-menu .elementor-item:after,
.sc-header-section.sticky .elementor-nav-menu .elementor-item:after{
	background-color: #F7F4EE!important;
}

body.page-id-35 .elementor-nav-menu .elementor-item:hover,
body.page-id-426 .elementor-nav-menu .elementor-item:hover,
.sc-header-section.sticky .elementor-nav-menu .elementor-item:hover{
	color: #65371E!important;
}
body.page-id-35 .elementor-nav-menu .elementor-item:hover:after,
body.page-id-426 .elementor-nav-menu .elementor-item:hover:after,
.sc-header-section.sticky .elementor-nav-menu .elementor-item:hover:after{
	background-color: #65371E!important;
}
.elementor-nav-menu .elementor-item:after{
	opacity: 1!important;
}
.wpml-ls-legacy-list-horizontal{
	padding: 0px!important;
}
.wpml-ls-legacy-list-horizontal a{
	padding: 0px!important;
}

body.page-id-35 .wpml-ls-legacy-list-horizontal a,
body.page-id-426 .wpml-ls-legacy-list-horizontal a,
.sc-header-section.sticky .wpml-ls-legacy-list-horizontal a{
	color: #F7F4EE!important;
}

body.page-id-35 .wpml-ls-legacy-list-horizontal a:hover,
body.page-id-426 .wpml-ls-legacy-list-horizontal a:hover,
.sc-header-section.sticky .wpml-ls-legacy-list-horizontal a:hover{
	color: #65371E!important;
}

body.page-id-35 .elementor-icon svg path,
body.page-id-426 .elementor-icon svg path,
.sc-header-section.sticky .elementor-icon svg path{
	fill: #F7F4EE!important;
}

.dialog-close-button{
    right: 25px!important;
}
.eicon-close:before{
    content: '';
    background-image: url('../assets/svg/close-icon.svg');
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}
.normal-letter p a{
    font-weight: inherit!important;
    text-transform: inherit!important;
    font-size: inherit!important;
    line-height: inherit!important;
}

.sc-footer-list .elementor-icon-list-item a{
    color: #F7F4EE;
}

@media only screen and (max-width: 767px) {
    .sc-footer-list .elementor-icon-list-item:after{
        display: none;
    }
}



/* IMAGE ANIMATION */
.wooprex-scale {
  opacity: 0;
  clip-path: inset(100% 0 0 0); /* fully hidden from bottom */
  transition: clip-path 2.2s ease, opacity 0.35s;
  overflow: hidden;
}

.wooprex-scale.animated {
  opacity: 1;
  clip-path: inset(0 0 0 0); /* fully visible */
}

.wooprex-scale.animated img {
  animation: clipReveal 2.4s ease forwards;
}

@keyframes clipReveal {
  from {
    clip-path: inset(100% 0 0 0); /* hidden from bottom */
  }
  to {
    clip-path: inset(0 0 0 0); /* fully visible */
  }
}


.elementor-heading-title, p{
	overflow-wrap: anywhere;
}




/** FORM **/

.wsf-form label.wsf-label {
	color: #F7F4EE !important;
	font-weight: 400 !important;
	font-size: 16px !important;
}
.wsf-form .wsf-text-danger {
	color: #F7F4EE !important;
}

.wsf-form input[type="text"].wsf-field,
.wsf-form input[type="tel"].wsf-field,
.wsf-form input[type="email"].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
	background-color: transparent !important;
	font-size: 17px !important;
	font-weight: 300 !important;
	color: #F7F4EE !important;
	border: none !important;
	border-bottom: 1px solid #F7F4EE !important;
	padding: 9px 0px 9px 0px !important;
	border-radius: 0px !important;
	width: 100% !important;
	cursor: pointer;
	text-transform: uppercase!important;
}
.wsf-alert.wsf-alert-success {
	background-color: transparent !important;
	border: 1px solid #F7F4EE !important;
	color: #F7F4EE !important;
	text-align: center;
}
.wsf-alert.wsf-alert-success p {
	color: #F7F4EE !important;
}

.wsf-form input[type="text"].wsf-field:focus,
.wsf-form input[type="tel"].wsf-field:focus,
.wsf-form input[type="email"].wsf-field:focus,
.wsf-form select.wsf-field:focus,
.wsf-form textarea.wsf-field:focus {
	outline: none !important;
	box-shadow: none !important;
}
.wsf-form input[type="text"].wsf-field::placeholder,
.wsf-form input[type="tel"].wsf-field::placeholder,
.wsf-form input[type="email"].wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder {
	color: #F7F4EE !important;
	opacity: 1 !important;
}

.wsf-form textarea.wsf-field {
	height: 180px !important;
	max-height: 180px !important;
}

.wsf-form input[type="checkbox"].wsf-field {
	background: transparent !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	border-color: #F7F4EE !important;
	cursor: pointer;
	width: 18px !important;
	height: 18px !important;
	min-height: 18px !important;
}
.wsf-form input[type="checkbox"].wsf-field:checked::after {
	border-color: #F7F4EE !important;
}

.wsf-form input[type="checkbox"].wsf-field + label.wsf-label {
	margin-left: 30px !important;
	cursor: pointer;
	margin-top: -1px !important;
	font-size: 15px!important;
}

.wsf-form select#wsf-1-field-8 {
	background-image: url('../assets/svg/down-arrow.svg') !important;
}
.wsf-form select.wsf-field {
	background-repeat: no-repeat;
	background-position: center right 15px !important;
	background-size: 15px !important;
	appearance: none !important;
	-moz-appearance: none;
	color: #F7F4EE !important;
	background-color: #312B1B!important;
}

.wsf-form
	select.wsf-field:not([multiple]):not([size]):not([data-wsf-select2])
	+ span.wsf-select-arrow {
	display: none !important;
	border: none !important;
}

.wsf-form select option:not([value=""]) {
	color: #F7F4EE !important;
}

.wsf-form button.wsf-button {
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.6em !important;
	padding: 0px !important;
	padding-bottom: 8px !important;
	border: none!important;
	background: transparent!important;
	width: auto !important;
	color: #F7F4EE !important;
	position: relative;
	transition: 0.3s all !important;
	border-radius: 30px !important;
	text-transform: uppercase!important;
	letter-spacing: 1px!important;
}
@media only screen and (max-width: 767px) {
	.wsf-form button.wsf-button {
		font-size: 14px!important;
		letter-spacing: 0px!important;
	}
}
.wsf-form button.wsf-button:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #F7F4EE!important;
	transition: 0.3s;
}
.wsf-form button.wsf-button:hover:before{
	background-color: #CFAB86!important;
}
.wsf-form button.wsf-button:focus {
	outline: none !important;
	box-shadow: none !important;
}
.wsf-form button.wsf-button:hover {
	color: #CFAB86!important;
}
.wsf-invalid-feedback {
	color: #ffcbcb !important;
}

.wsf-form .wsf-field-wrapper {
	margin-bottom: 35px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	text-align: left;
}
.wsf-form .wsf-field-wrapper.textarea{
	margin-bottom: 10px!important;
}

.wsf-checkbox .wsf-label {
	margin-bottom: 15px !important;
}
.wsf-checkbox .wsf-inline {
	margin-bottom: 0 !important;
	margin-right: 35px !important;
}
.wsf-checkbox .wsf-inline:last-child {
	margin-right: 0px !important;
}
.wsf-checkbox .wsf-inline .wsf-label {
	margin-bottom: 0px !important;
}

.wsf-form input[type="checkbox"].wsf-field:checked::after {
	left: -2px !important;
	top: -3px !important;
}

.wsf-bottom {
	margin: 5px 0 0px 0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}