/*
Theme Name: CreaOpera
Theme URI:  https://www.rightbrain.it
Author:     Right Brain
Author URI: https://www.rightbrain.it
Template:   neve
Version:    1.0
License:    GNU General Public License v2 or later
*/


.imgslide1{
	max-height:800px;
	left:auto!important;
	right:590px;
		border:2px solid #F5F3EF;
}
.imgslide2{
	max-height:800px;
	left:auto!important;
	right:0;
	border:2px solid #F5F3EF;
}
.imgslide3{
	max-height:800px;
	left:auto!important;
	right:0;
	border:2px solid #F5F3EF;
}

.slidetext{
	max-width:400px;
}

.slidetext h3 {
	color: #111;
	white-space: normal;
	margin: 0 0 30px;
	font-size: 50px !important;
	line-height: 1.1em !important;
}
.slidetext p {
	color: #555;
	white-space: normal;
	margin: 0 0 30px;
	font-size: 15px !important;
	line-height: 1.5em !important;
	letter-spacing: 0.5px !important;
	font-weight: 500;
}
.slidetext a {
	color: #222;
	white-space: normal;
	background: #a9a9a9;
	display: block;
	width: 90%;
	max-width: 180px;
	padding: 10px !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px !important;
	font-size: 13px !important;
	font-family: montserrat;
}
.slidetext a:hover{
color:#fff;
	background:#111;
}


.crellyslider > .cs-navigation{
text-align:left;
	padding-left:100px;
	opacity:1!important;
}

.crellyslider > .cs-navigation > .cs-slide-link {
	width: 7px;
	height: 7px;
	display: inline-block;
	cursor: pointer;
	margin: 4px;
	background-color: #a9a9a9;
	box-shadow: none;
	border: 0px;
	border-radius: 100%;
	opacity: .9;
}
.crellyslider > .cs-navigation > .cs-slide-link:hover {
	background-color: #111;
}
.crellyslider > .cs-navigation > .cs-slide-link:hover {
	background-color: #111;
}
.crellyslider > .cs-navigation .cs-active{
		background-color: #5AA6B8;
}

.crellyslider > .cs-controls > .cs-next, .crellyslider > .cs-controls > .cs-previous {
	display: block;
	width: 34px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	background-color: transparent;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center center;
	border: 0;
	border-radius: 0;
	filter: invert(100%);
	background-size: cover;
}
.crellyslider > .cs-controls > .cs-previous {
	background-image:url(https://www.creaopera.com/wp-content/uploads/2025/10/freccia-sinistra.png);
	left: 30px;
}
.crellyslider > .cs-controls > .cs-next {
	background-image: url(https://www.creaopera.com/wp-content/uploads/2025/10/freccia-destra.png);
	right: 30px;
}
.crellyslider img{
line-height:0px!important;	
	font-size:0px;
}





.chisiamohome{
	margin:100px auto;
	width:94%;
	max-width:1600px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}

.chisiamohometext {
	text-align: center;
	margin: 0px auto;
	width: 100%;
	max-width: 1200px;
}
.chisiamohometext h1 {
	color: #222;
	text-transform: uppercase;
	margin: 0 auto 20px;
	font-size: 35px;
	line-height: 1.2em;
}
.chisiamohometext h2 {
	color: #333;
	font-size: 20px;
	font-weight: 600;
	max-width: 960px;
	margin: 0 auto 30px;
	line-height: 1.3em;
	font-family: open sans;
}
.chisiamohometext p {
	font-size: 16px;
	line-height: 1.4em;
}
.chisiamohometext a {
	background: #a9a9a9;
	color: #ffffff;
	padding: 12px 20px;
	font-weight: 600;
	font-size: 14px;
	font-family: montserrat;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	margin: 2px 3px;
	transition: all 0.3s;
}

.chisiamohometext a::after {
	background: #fff;
	content: "";
	height: 155px;
	left: -130px;
	opacity: 0.3;
	position: absolute;
	top: -30px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 50px;
	z-index: 1;
}
.chisiamohometext a:hover::after {
	left: 120%;
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.chisiamohometext a:hover{
color:#fff;
	background:#222;
}

.chisiamohomeimg{
display:flex;
}
.chisiamohomeimg img{
	border:2px solid #fff;
}
.chisiamohomeimg {
  display: flex;
  width: 100%;
display:flex;
flex-wrap:wrap;
}

.chisiamohomeimg img {
  height: 430px; /* stessa altezza per tutte */
  border: 3px solid #fff;
}

.servizihome {
	width: 100%;
	margin: 150px auto;
	background: #f5f3ef;
	padding: 0px 0;
}
.servizihomewrap{
	width:94%;
	max-width:1400px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.servizihomesx{
width:48%;	
	padding:50px 0;
}
.servizihomedx{
width:48%;	
}
.servizihome h5 {
	color: #a9a9a9;
	text-transform: uppercase;
	margin: 0;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
}
.servizihome h2 {
	color: #222;
	font-size: 33px;
	line-height: 1.2em;
	margin: 5px 0 30px;
}
.servizihome p {
	font-size: 16px;
	line-height: 1.4em;
	margin: 0 0 15px;
	position: relative;
	padding-left: 30px;
}
.servizihome p em {
	color: #5aa6b8;
	font-style: normal;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 20px;
}
.servizihome h6 {
	text-transform: uppercase;
	margin: 35px 0 10px;
}
.servizihomedx {
  position: relative;
  width: 100%;
  max-width: 600px;
}

.servizihomedx {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.servizihomedx .bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: opacity 1s ease-in-out;
}

/* Immagine base */
.servizihomedx .default {
  background-image: url('https://www.creaopera.com/wp-content/uploads/2025/10/cucina-3d-acqurello-progettazione-interior-design-creaopera.webp');
  z-index: 1;
  opacity: 1;
}

/* Immagine hover */
.servizihomedx .hover {
  background-image: url('https://www.creaopera.com/wp-content/uploads/2025/10/cucina-3d-acqurello-progettazione-interior-design-2-creaopera.webp');
  z-index: 2;
  opacity: 0;
}

/* Al passaggio del mouse, mostra immagine hover */
.servizihomedx:hover .hover {
  opacity: 1;
}



.progettihome{
	width: 100%;
	margin: 150px auto;
	padding: 0px 0;
}
.progettihomeboxes{
	width:94%;
	max-width:1600px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.progettihomebox{
width:48%;	
aspect-ratio:5/4;
	background:#355;
}

.progettihome h5 {
	color: #a9a9a9;
	text-transform: uppercase;
	margin: 0;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align:center;
}
.progettihome h2 {
	color: #222;
	font-size: 33px;
	line-height: 1.2em;
	margin: 5px 0 30px;
	text-align:center;
}
.progettihome p {
	font-size: 16px;
	line-height: 1.4em;
	margin: 0 auto 40px;
	position: relative;
	max-width: 1200px;
}

.progettihomebox {
	width: 50%;
	aspect-ratio: 5/4;
	background-color: #111;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border: 3px solid #fff;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: all 1s;
	position:relative;
}
.progettihomebox1 {background-image:url(https://www.creaopera.com/wp-content/uploads/2025/01/IMG-20241028-WA0083.jpg);}
.progettihomebox2 {background-image:url(https://www.creaopera.com/wp-content/uploads/2023/10/hotel-vale-azenha-by-ipotz-studio.jpg);}

.progettihomebox:hover {
	background-size:auto 110%;
	transition:all 1s;
}
.progettihomebox:before{
	transition:all 1s;
	opacity:0;
}

.progettihomebox:hover:before {
	background:linear-gradient(#0001,#0004);
	display:block;
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 1s;
	opacity:1;
}



.progettihomebox h3 {
	color: #fff;
	font-size: 33px;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	position:relative;
}
.progettihomebox a {
	background: transparent;
	color: #fff;
	padding: 12px 20px;
	font-weight: 600;
	font-size: 14px;
	font-family: montserrat;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	margin: 2px 3px;
	transition: all 0.3s;
	border: 1px solid #fff;
}
.progettihomebox a::after {
	background: #fff;
	content: "";
	height: 155px;
	left: -130px;
	opacity: 0.3;
	position: absolute;
	top: -30px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 50px;
	z-index: 1;
}
.progettihomebox a:hover::after {
	left: 120%;
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.progettihomebox a:hover{
color:#fff;
background:#222;
	border:1px solid #222;
}


.footer-bottom {
	display:none!important;
}
.newfooter{
	width:94%;
	max-width:1600px;
	margin:75px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.newfooterbox {
	width: 23%;
	margin: 1%;
	font-size:14px;
	line-height:2em;
	letter-spacing:0.5px;
}
.newfooterbox1 {width: 26%;}
.newfooterbox2 {width: 26%;}
.newfooterbox3 {width: 20%;}
.newfooterbox4 {width: 20%;}



.newcopyright {
	text-align: center;
	color: #888;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 20px 0px 20px;
	border-top: 1px solid #fff2;
}

.newcopyright a{
	color: #888!important;	
}
.newcopyright a:hover{
	color: #fff!important;	
}



.newfooterbox h6 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 14px;
	margin: 0 0 25px;
}
.newfooterbox1 img {
	max-width: 260px;
	width: 90%;
	margin: 0 0 25px;
	display: block;
	filter: brightness(80%);
}
	
.socialfooter{
	margin-top:30px;
}
.socialfooter img{
width:26px!important;
margin:0 6px 0 0;	
transition:all 1s;
	display:inline-block;
}
.socialfooter img:hover{
opacity:0.7;
	transition:all 1s;
}
.newfooterbox a{
	position:relative;
	transition:all 1s;
	left:0;
	font-size:14px;
	line-height:2em;
}
.newfooterbox a:hover{
color:#5aa6b8;
	transition:all 1s;
	left:4px;
}

.newstitle{
	display:flex;
flex-wrap:wrap;
	justify-content:space-between;
	width:94%;
	max-width:1400px;
	margin:0 auto;
}
.newstitlesx{
	width:48%;
}
.newstitlesx h2 {
	color: #222;
	font-size: 33px;
	line-height: 1.2em;
	margin: 5px 0 10px;
}
.newstitlesx h4 {
	color: #666;
	font-size: 22px;
	line-height: 1.2em;
	margin: 0;
	font-weight: 500;
	max-width: 430px;
}
.newstitledx{
	width:48%;
}
.newstitledx p {
	font-size: 16px;
	line-height: 1.4em;
	margin: 0 auto 15px;
	position: relative;
	max-width: 1200px;
}

.newstitledx a {
	background: #a9a9a9;
	color: #ffffff;
	padding: 12px 20px;
	font-weight: 600;
	font-size: 14px;
	font-family: montserrat;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	margin: 2px 3px;
	transition: all 0.3s;
}

.newstitledx a::after {
	background: #fff;
	content: "";
	height: 155px;
	left: -130px;
	opacity: 0.3;
	position: absolute;
	top: -30px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 50px;
	z-index: 1;
}
.newstitledx a:hover::after {
	left: 120%;
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.newstitledx a:hover{
color:#fff;
	background:#222;
}
.wp-block-latest-posts.is-grid {
	display: flex;
	flex-wrap: wrap;
	width: 94%;
	max-width: 1400px;
	margin: 40px auto;
}
.wp-block-latest-posts__post-title {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 700;
	font-family: montserrat;
}
.wp-block-latest-posts__post-date{
	color:#a9a9a9;
}
.wp-block-latest-posts__post-excerpt{
font-size:14px;
line-height:1.4em;
}












/*##############################*/
/* Responsive: immagini impilate su schermi piccoli */
@media (max-width: 768px) {
  .chisiamohomeimg {
    flex-direction: column;
  }

  .chisiamohomeimg img {
    height: auto;
    aspect-ratio: 16 / 9; /* mantiene proporzioni eleganti */
  }
}