/*
Theme Name: MYRA Bari
Theme URI: https://example.com/
Description: Fast theme
Version: 1.0
Author: Never Before Italia
Author URI: https://www.neverbeforeitalia.it/
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myra-bari
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
	scroll-behavior: auto !important;
}
:focus-visible {
    outline: none;
}
*,
*::before,
*::after {
  box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

g {
	clip-path: none;
}

.cpel-switcher__lang--active a {
	background: #fff;
    border-radius: 100px;
    width: 37px;
    padding: 5px;
    color: #A6814F !important;
    text-align: center;
}

.cpel-switcher__lang a {
    border-radius: 100px;
    width: 37px;
    padding: 5px;
    text-align: center;
}

.cpel-switcher__lang:hover a {
	background: #fff;
    border-radius: 100px;
    width: 37px;
    padding: 5px;
    color: #A6814F !important;
    text-align: center;
}


.elementor-background-video-hosted{
  height: 100vh;
}

.cpel-switcher--align-right .cpel-switcher__list {
    align-items: center !important;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

figcaption {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Print
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    border: 1px solid #cccccc;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
}

/**
 * Table styling
 */
table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table th {
  font-weight: bold;
}
table thead th,
table tfoot th {
  font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: rgba(128, 128, 128, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: rgba(128, 128, 128, 0.1019607843);
}
table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}
@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/**
 * List styling
 */
dl,
dt,
dd,
ol,
ul,
li {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


.slideHome .swiper-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    left: 80px !important;
    bottom: 80px !important;
    width: auto !important;
}

.slideHome .swiper-pagination-bullet {
    width: 7px !important;
    height: 6.5px !important;
    background-color: #fff !important;
    padding: 1px !important;
    background-clip: content-box !important;
    border: 1px solid transparent;
    opacity: 1;
}

.slideHome .swiper-pagination-bullet-active {
    background-color: white !important;
    border: 1px solid white !important;
    width: 20px !important;
    height: 20px !important;
    background-clip: content-box !important;
    padding: 7px !important;
    background-color: white;
}

.wrapper {
        position: relative;
        top: 0;
        width: 100%;
        height: 100vh;overflow: hidden;
        z-index: 1;
}
.sticky_layer{
        justify-content: center;
        align-items: center;
        height: 100vh;
        display: flex
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow: hidden;
}
.video-container{
        width: 100%;
        height: 100vh;
        position: absolute;
        overflow: hidden;
}
.video-container img{
        object-fit: cover;
        z-index: -100;
        background-position: 50%;
        background-size: cover;
        width: 100%;
        height: 100% !important;
        margin: auto;
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
}
.zoom{
        flex-direction: column;
        justify-content: center;
        display: flex;
        position: relative;
        height:100vh;
        align-item:center;
}
.svg-txt {
        width: 100%;
        position: relative;
        box-shadow: inset 0 0 0 2px #fff, 0 0 0 50vw #fff!important;
}




@media screen and (max-width: 767px) {
	.video-container img{
        height: 558px !important;
}
	
}



.caroselloDimora .swiper-pagination {
    gap: 10px;
    width: auto;
    display: flex;
    align-items: center;
    bottom: -100px !important;
}

.caroselloDimora .swiper-wrapper {
	height: calc(100vh - 200px);
}


.caroselloDimora .swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    background-color: #000 !important;
    padding: 1px !important;
    background-clip: content-box !important;
    border: 1px solid transparent;
    opacity: 1;
}

.caroselloDimora .swiper-pagination-bullet-active {
    background-color: black !important;
    border: 1px solid black !important;
    width: 20px !important;
    height: 20px !important;
    background-clip: content-box !important;
    padding: 7px !important;
    background-color: black;
}

.icon-scroll:before {
  position: absolute;
  left: -4px;
}
.icon-scroll {
  width: 32px;
    height: 50px;
  top: 50%;
  box-shadow: inset 0 0 0 2px #fff;
  border-radius: 25px;
}
.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: 17px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(25px);
  }
}


.linea {
  height: 2px;
  width: 100%;
  background: linear-gradient(to right,
              black 0 40px,   /* tratto nero */
              #7E7E7E 40px 100%  /* poi grigio */
  );
  border: none;
}

.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], 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"], select {width:100% !important;
    border: none;
    border-bottom: 1px solid #000;
    min-height: 50px;
    font-family: 'Mulish';
    background: transparent;
}

.wpcf7-form label {
    font-family: 'Mulish';
    
}

textarea {width:100% !important;
    border: none;
    border-bottom: 1px solid #000;
    font-family: 'Mulish';
    background: transparent;
}

.flex p {
    width: 100%;
}

.formContatti .flex {
    display: flex;
    gap: 30px;
    
}

.formContatti input.wpcf7-form-control.wpcf7-submit {
   display: block;
   margin: 0 auto;
}

.wpcf7-submit {
    background-color: #A6814F;
    border: none;
    color: #fff;
    font-family: "Mulish", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0px 0px 0px 0px;
    padding: 12px;
    width: 10%;
}




.booking-form {
  display: flex;
  align-items: center; /* stretch invece di center → tutti allineati in altezza */
  gap: 20px;
  background: rgba(255,255,255,0.7);
  padding: 15px 20px;
  color: #000;
}

.booking-form .wpcf7-not-valid-tip {
  font-family: 'Mulish';
  color: #000;
}

.booking-form .wpcf7-spinner {
  display: none;
}

.booking-field {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex: 1; /* ogni campo occupa 1 parte */
}

.booking-field p {
  margin: 0;
}

.booking-field input,
.booking-field select {
  width: 100%;
  flex: 1;
  padding: 12px;
  box-sizing: border-box;
}

.booking-button {
    flex: 3;
    display: flex;
    width: 100%;
}

.booking-button p {
	width: 100%;
}

.booking-button input[type="submit"] {
  background: #b48a4b;
  color: #fff;
  border: none;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  padding: 14px; /* leggermente più alto degli input */
  font-size: 15px; /* testo un filo più grande */
}

.booking-button input[type="submit"]:hover {
  background: #a1793e;
}

.titolo {
  min-height: 116px !important;
}


@media screen and (max-width: 1024px) {
	.caroselloDimora .swiper-wrapper {
		height: 100% !important;
	}
}

@media screen and (max-width: 767px) {
	
	.cpel-switcher__lang--active a {
		width: 32px;
	}
	
	.titolo {
    	min-height: 65px !important;
	}
	
    .flex {
        flex-direction: column;
    }
    .wpcf7-submit {
        width: 100%;
    }
	
	.social_footer ul {
		gap: 20px;
	}
	    .slideHome .swiper-pagination {
        left: unset ! IMPORTANT;
        right: 20PX;
        TOP: 50%;
        bottom: UNSET !important;
        WIDTH: AUTO ! IMPORTANT;
    }

}