/*
Theme Name: Mrittik Child
Theme URI: http://demo.bravisthemes.com/mrittik/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Mrittik – Architecture and Interior Wordpress theme is a template for architectural studio. It is suitable for interior business. Creative design studio can use this template to present their creative contents more attractively. This template can be used as personal portfolio, construction business etc. It has both dark and light version which very perfect for user attraction.
Version: 1.0.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: mrittik
Text Domain: mrittik-child
Tags: architect, architecture, constructor, home decor, interior design, landscape design, real estate
*/

@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.pxl-slider-carousel3 .pxl-slide-background .pxl-item--background:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50)!important;
}
.elementor.elementor-6771 {
position: relative;
	/*top: 120px;*/
}
.elementor-element.elementor-element-5f6af24.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin: 50px 0px 0px !important;
    padding: 50px 0px;
}
.pxl-contact-form1 .contact-form-custom1 .input-contact .col-12 {
    margin-bottom: 15px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}
/*button.wpcf7-submit.btn.btn-default.pxl-hover-transition {
    box-shadow: 0px 0px 9px white;
}*/
.pxl-select-higthlight {
    padding-left: 25px !important;
}
textarea#messagefield {
    padding: 10px 25px;
}
.dark-mode .elementor-1633 .elementor-element.elementor-element-c2ed086 .pxl-contact-form .wpcf7-submit, .dark-mode .elementor-1633 .elementor-element.elementor-element-c2ed086 .pxl-contact-form .wpcf7-submit:after {
    background-color: #000000;
}
.item--label{
	font-weight: 100 !important;
}
.pxl-item--inner h3 {
    font-weight: 500;
    margin: 0px 0px 0px 0px;
}
.mask--content {
  -webkit-text-stroke-width: 2px !important;
  -webkit-text-stroke-color: white !important;
	font-family: "Arial";
	}
h2.pxl-item--title.el-empty.pxl-transtion.pxl-hover-transition.visible
 {
    text-shadow: 3px 3px 2px black;
}
div#pxl-main {
    padding: 0px !important;
}
div#pxl-page-title-elementor {
    display: none;
}
.elementor-element.elementor-element-5f6af24.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin: 50px 0px;
    padding: 50px 0px;
}

.pxl-slider-carousel4 .mask--content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
}

.post-preview {
    position: relative;
    overflow: hidden;
}

.post-preview .overlay-text {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.post-preview .categoria-label {
    padding: 5px 10px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
}

/* Stili per l'overlay e l'etichetta "PRENOTABILE" */
.post-preview.overlay-prenotabile:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 128, 255, 0.6); /* Blu semi-trasparente */
    z-index: 1;
}
.post-preview.overlay-prenotabile .categoria-label {
    background-color: #007bff; /* Blu solido per lo sfondo dell'etichetta */
}

/* Stili per l'overlay e l'etichetta "VENDUTO" */
.post-preview.overlay-venduto:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.6); /* Rosso semi-trasparente */
    z-index: 1;
}
.post-preview.overlay-venduto .categoria-label {
    background-color: #dc3545; /* Rosso solido per lo sfondo dell'etichetta */
}
.item--tags a{
    font-size: 2.0em;
    line-height: 1.2em;
}

.elementor-widget-wrap.elementor-element-populated {
    min-height: 10vh;
}
.pxl-item--content {
max-width: 60% !important;}
.pxl-item--link {
  /*  background-color: #00000066;
    padding: 15px;*/
}
h2.pxl-item--title.el-empty.pxl-transtion.pxl-hover-transition.visible {
    text-transform: uppercase;
	/* line-height: 90px;*/
}
.home_return {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 200px;
}
ul.pxl-select-options {
    font-size: 12px !important;
}
.dark-mode .elementor-6771 .elementor-element.elementor-element-ea2ce16 .pxl-contact-form .wpcf7-submit, .dark-mode .elementor-6771 .elementor-element.elementor-element-ea2ce16 .pxl-contact-form .wpcf7-submit:after {
    background-color: #000000;
}
.mouse {
    max-width: 124px;
    position: absolute;
    bottom: 150px;
    left: 50px;
    width: 10em;
}
.mouse img {
    width: 100%;
    height: auto;
}
body {
    margin: 0;
    overflow: hidden;
}
dv#info {
    position: absolute;
    background-color: white;
    padding: 0px;
    font-size: 24px;
    left: 50%;
    top: 5%;
    transform: translate(-50%, -50%);
}
.home_return {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 180px;
    top: 15px;
    z-index: 10000;
}
.home_return img{
width: 100%;
    
}
.loader-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loader-box {
  text-align: center;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #ccc;
  border-top: 6px solid #0073e6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
div#info {
    position: absolute;
    top: 27px;
    left: 500px;
    z-index: 1000000;
    color: black;
	background-color: white;
    padding: 0px;
}
button.pulsante_lista_3d {
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
    margin: 2px !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .pxl-select-higthlight {
    width: 100%;
    padding: 10px 10px 10px 10px;
    line-height: 20px;
}
.pxl-portfolio-grid-layout1 .item--content {
	padding: 10px 15px 10px !important;
}
.pxl-slider-carousel4 .mask--content {
    height: 100vh !important;
}
.elementor-element.elementor-element-59ec718.slider_monte.elementor-widget.elementor-widget-pxl_slider_carousel {
    height: 100vh;
}
.pxl-slider-carousel4 .content--wrapper {
	padding: 5px !important;
}
.pxl-slider-carousel4 .pxl-item--title {
    font-size: 69px;
}
.pxl-swiper-wrapper {
    height: 100vh;
}
.pxl-heading .pxl-heading--inner .pxl-item--title.divider-top:before, .wp-title .pxl-heading--inner .pxl-item--title.divider-top:before {
    content: '';
    position: absolute;
    left: calc(50% - 1px);
    bottom: calc
↳
calc(60px + 25px)
↳
85px
(100% + 25px);
    width: 0px; 
    height: 5px;    
}
.pxl-slider-carousel4 .content--inner {
    top: 50% !important;
    position: absolute;
    width: 60%;
	transform: translateY(-50%);
}
span.pxl-item--subtitle.pxl-transtion.pxl-hover-transition {
    TEXT-TRANSFORM: UPPERCASE;
}
form.wpcf7-form.init input {
    padding: 0px 0px 0px 25px !important;
}
.pxl-header-elementor-sticky.pxl-sticky-stt.pxl-header-fixed .col-12 {
    padding: 0px !important;
}
.text-sx{text-align: left;}
.pxl-item--title .el-empty .pxl-transtion .pxl-hover-transition{
	-webkit-transition: none !important;
	-khtml-transition: none !!important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	/*-webkit-transition-delay: 1s;
    -khtml-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;*/
    transition: none !important;
}
@media screen and (max-width: 575px) {
    .pxl-slider-carousel3 .mask--content {
        /* font-size: 30px; */
        right: 61px !important;
        position: relative !important;
    }
	.pxl-slider-carousel4 .content--inner {
    	width: 93%;
	}
}
@media screen and (min-width: 1200px) {
    #pxl-wapper .container {
        max-width: 100%;
        width: 100%;
    }
}