/*
Theme Name: NXCQUADRO
Theme URI:
Author: soluzioni cquadro
Author URI: https://www.soluzionicquadro.com/
Description: Tenuta Savoca
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: nxcquadro

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*************************************************
                          CSS GENERALE
**********************************************/

/* serve ad avere un top del mio menu, e quindi ad abbassarlo, solo quando accedo a wordpress, perchè il menu nero di
wordpress, copre il mio menu*/
.admin-bar .navbar{
  top:32px;

}


body{
  display:flex;
  min-height:100vh; /*vh st per vertical height cioè la totale altezza dello schermo, che però nel mio pc è 95*/
  flex-direction:column;
  padding-top:70px;
  font-family: "Baskervville", serif;/*'Merriweather', serif;*/
  font-size: 18px;
  font-weight: 400;
   font-optical-sizing: auto;
   font-style: normal;
  color:#484848;
  line-height: 24px;
}

/*solo nella home voglio un padding-top 0 altrimenti non vedo il menu e lo slider apparirà giu di 70 px come specificato nel
css di body*/
body{
  padding-top:0;
}

/*per evitare gli apazi bianchi in internet explorer*/
.main-content {
  flex:1 0 auto;
}
/*per evitare gli apazi bianchi in internet explorer*/
*{min-height:0.01px}

/*questo codice lo ha trovato su Google cercando : Transition all css e cliccando sul primo link. Serve a inserire animazioni*/
.animate {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

a{color:#707147; }
a:hover{color:#484848;  text-decoration: underline}




/*************************************************
                          UTILITIES
**********************************************/
/*.container-fluid{overflow: hidden; padding-right: 0!important; padding-left: 0!important}*/
.alignwide {max-width: 1140px; margin-right: auto;  margin-left: auto;  padding-right: 15px;   padding-left: 15px;   width: 100%;}
.alignfull{margin-right: auto;     margin-left: auto;    padding-right: 15px;    padding-left: 15px;    width: 100%;}

h1{color:#000; font-family: "Baskervville", serif; margin-bottom: 20px; }
h2, h3, h4, h5, h6{color:#000;font-family: "Baskervville", serif; margin-bottom: 20px; }
strong{color:#000!important}
h3{font-size:24px}
h4{font-size:22px}
h5{font-size:20px}
.fas, .fa, .fab{font-size: 20px; color:#484848}

/*.fas span{color:#000; margin-left: 10px; font-size: 25px; font-weight: normal;}*/
.centered{position: absolute;  color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 48px;}

.mobile{display: none}
.desktop{display: inline}
.map { -webkit-filter: grayscale(100%); }
.map2{ -webkit-filter: grayscale(50%) invert(5%) sepia(10%) saturate(70%) brightness(100%) contrast(110%) hue-rotate(-130deg);}
.map3{  -webkit-filter: grayscale(0%) invert(0%) sepia(70%) saturate(40%) brightness(100%) contrast(100%) hue-rotate(0deg); }

.eapps-instagram-feed-posts-grid-load-more{background-color:#ece8e2!important; color:#000!important;border: 2px solid #000}
.eapps-instagram-feed-posts-grid-load-more:hover{background-color:transparent!important; color:#000!important; border: 2px solid #ece8e2}

/*bara dei cookie*/
/*#cmplz-manage-consent .cmplz-manage-consent {right: 45%!important}*/
#cmplz-manage-consent .cmplz-manage-consent { left:0px!important; font-size: 12px;    padding: 0px 4px!important; height: 45px!important}
/*recaptcha*/
.grecaptcha-badge{bottom: 50px!important}

/*************************************************
                    BLOCCHI
******************************************************/

/*TABELLE*/
.wp-block-table.is-style-stripes thead th, .wp-block-table.is-style-stripes td{padding: 15px 8px!important; }
.wp-block-table.is-style-stripes thead th{color:#000!important}
/******
BLOCCO BOTTONE
******/
.wp-block-button__link{text-transform:uppercase; font-size: 0.8rem!important; margin-top: 10px; border: 2px solid #000!important; padding: .6em 1em!important;}
.wp-block-button a:hover{background-color:#fff!important; border: 2px solid 000!important; color:000!important; font-weight: 700}
/*************************************************
                          MENU
**********************************************/
/*per le pagine*/
/*.bg-primary{ background: rgba(236,232,226,0.7)!important; }*/
.bg-primary{ background: rgba(255,255,255,1)!important;     box-shadow: 0px 0px 15px -2px rgba(227, 188, 154, 0.3)}
.dropdown-item{background-color: transparent!important; }
.dropdown-menu{ background: rgba(255,255,255,1)!important; }

/*il logo*/

/*per stilizzare l testo*/
.navbar-brand{color:#000!important}
.nav-link, .dropdown-menu, .dropdown-item{ font-family: 'Poppins', sans-serif; font-weight: 300;text-transform: uppercase; font-size:13px; color:#000!important; }

.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover{color:000!important}
.dropdown-menu {  margin-top: 0px!important; border: 0px!important;    border-radius: 0px!important;}
.dropdown-menu .dropdown-item{padding-top: 5px!important;padding-bottom: 5px!important}

/*immagine menu hamburger*/
.navbar-toggler-icon {
    background-image: url(https://www.tenutasavoca.it/wp-content/uploads/2025/06/bars-solid.png)!important;
}


.dropdown-toggle::after{display: none}
/*************************************************
                      IMMAGINE IN HOME
******************************************************/
.home .navbar, .home .footer {display: none}

/*.jumbotron_home
{width: 100%; height:100vh;  background: linear-gradient(rgba(0,0,0, 0.5), rgba(0,0,0, 0.5));
  background-image: url(https://www.tenutasavoca.it/wp-content/uploads/2024/11/Tenuta_Savoca-intro_2.jpg)!important;
background-repeat: no-repeat; background-position: center center; background-size: cover;}*/
.jumbotron_home a{color:#fff}

.jumbotron_home{  width:100%; height:100vh; overflow:hidden; padding: 0px!important;   }
.contenitore {background-repeat:no-repeat;    background-attachment:fixed!important;    overflow:hidden; width: 100vw;  height: 100vh;  -webkit-animation: zoomin 10s ease;  animation: zoomin 10s ease; animation-fill-mode: forwards;}
@-webkit-keyframes zoomin {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(1.1)
  }
}

@keyframes zoomin {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(1.1)
  }
}

/*************************************************
                    SECONDA HOME
******************************************************/
.container_home{overflow: hidden;}

/** mappa **/
body .point_style a img, body .point_style img {  height: 14px!important;    width: 14px!important;}

#powerTip {  background: rgba(0,0,0,0.25)!important; width:350px} /*rgba(236,232,226,0.8)*/
#powerTip p{   color:#fff; font-weight: 500; font-size: 16px; line-height: 19px}
#powerTip a{color:#fff!important; font-size: 14px!important; text-decoration: underline!important; text-underline-offset: 4.5px;}
.wrap_svl{float:none}
.wrap_svl_center_box {    display: inline;}
/*freccetta nel fumetto*/
#powerTip.ne:before, #powerTip.nw:before {    border-top: 10px solid transparent!important;}
/*#powerTip.e:before, #powerTip.w:before , #powerTip.s:before , #powerTip.n:before {    border-right: 10px solid transparent!important;}*/
.alignnone {     margin: 20px 0px 0px 0!important;}


#powerTip.e:before, #powerTip.w:before, #powerTip.s:before, #powerTip.n:before,
#powerTip.ne:before, #powerTip.nw:before,
#powerTip.se:before, #powerTip.sw:before {display: none!important}
/*.jardinu_home, .festa_nel_borgo_home{padding-left: 50px}*/
/*************************************************
                      Slider
******************************************************/
/*.carousel,
.carousel-inner,
.carousel-item{height: 700px;}

.carousel-caption{bottom: 300px!important}
.carousel-caption h1{color:#dbd0bd; text-transform: uppercase;font-size: 3rem!important}*/

/****************************************************************
                PAGINA
****************************************************************/
/*.jumbotron_page {padding:320px 0!important; }*/

.jumbotron_page{position: relative;  height: 600px!important; }
.jumbotron_page_no_img{padding:180px 0 100px!important; }
.jumbotron_page h1{font-size:50px;  letter-spacing: 2px;  line-height: 60px; color:#fff!important; text-transform: lowercase;}
.jumbotron_page_no_img h1{font-size:50px;  letter-spacing: 2px;  line-height: 60px; color:#000!important; text-transform: lowercase;}

/****************************************************************
                PERSONALIZZAZIONE DELLE SINGOLE PAGINE
****************************************************************/
/*antico architettura*/
.page-id-344 .jumbotron_page {background-position: center bottom!important}
/*antico casale*/
.page-id-265 .jumbotron_page {background-position: center 0%!important}
/*bo*/
.page-id-348 .jumbotron_page {background-position: center 80%!important}
/*festa nel borgo*/
.page-id-316 .jumbotron_page .immagine_schizzo{width:15%!important}
/*sala a cassettoni*/
.page-id-330 .jumbotron_page {background-position: center bottom!important}
.page-id-330 .jumbotron_page .immagine_schizzo{width:24%!important}
/*bordo piscina*/
.page-id-366 .jumbotron_page {background-position: center 49%!important}
.page-id-366 .jumbotron_page .immagine_schizzo{width:25%!important}
/*cattedrale verde*/
.page-id-379 .jumbotron_page .immagine_schizzo{width:28%!important}
/*magia del bosco*/
.page-id-377 .jumbotron_page .immagine_schizzo{width:28%!important}
/*sala a capriate*/
.page-id-378 .jumbotron_page {background-position: center top!important}
.page-id-378 .jumbotron_page .immagine_schizzo{width:28%!important}
/*contatti*/
.page-id-355 .jumbotron_page {background-position: center 90%!important}

/*******************************************
    SLIDER E CARD NELLE PAGINE
***************************************/

.pagina .card{height:250px; width: 250px; border-radius: 0px}
.pagina .card-img{height: 100%;    object-fit: cover; border-radius: 0px}

.lb-number, .lb-close, .lb-loader{display: none!important}

.lb-outerContainer {    background-color: transparent!important;}
/*frecce*/
.lb-nav a.lb-next {    position: absolute!important;  right: -50px!important; float:none!important}
.lb-nav a.lb-prev {    position: absolute!important;  left: -50px!important; float:none!important}
/*immagine dello slideshow più grande*/
.lb-image {
  width: auto!important;
  height: auto!important;
  max-width: 85vw !important;
  max-height: 85vh !important;
  object-fit: contain!important;
}

/*per centrae lo slider da mobile*/
.lightboxOverlay {   align-items: center !important;  justify-content: center !important;}
.lb-container {position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;
  margin: 0 !important;  max-height: 90vh !important;}

/*per visuliazzare il nome del fotografo fisso*/
.lb-details{position: fixed !important; top: 100%!important;left: 40% !important; transform: translate(-50%, -50%) !important;
  margin: 0 !important;    max-height: 90vh !important;}
.lb-caption{color:#707147!important; position: absolute!important;  left: 5%!important; bottom:35px!important; display: inline!important}


/****************************************************************
              TESTO A SCOMPARSA
****************************************************************/
/*.description a {display: block; text-decoration: underline!important; cursor: pointer;}*/
.description a {text-decoration: underline!important; cursor: pointer;}
/****************************************************************
                GALLERIA
****************************************************************/
#eapps-instagram-feed-1 a{background-color:transparent!important; color:#fff!important}

/****************************************************************
                FOOTER
****************************************************************/
.footer{font-size: 12px; color:#000}
.footer a:hover{text-decoration: none; color: #000}
.footer a{text-decoration: none; color: #000}
.footer h3{color:#000}

.policy{text-align: right}



/****************************************************************
                CONTATTI CON CONTACT FORM 7
****************************************************************/
form p{margin-bottom: 8px;}
input[type="text"],  input[type="email"],  textarea, select{background-color: transparent;padding:12px 10px;border:1px solid transparent; border: 1px solid #000; width:100%!important; }
textarea{ height: 130px;     border: 1px solid #000!important; color:rgba(82,83,88,0.7)!important}
/*per eliminare che il bordo delle text area si colori al clic al suo interno*/
input[type="text"]:focus, input[type="email"]:focus, textarea:focus{ outline: none;border-bottom: 2px solid #000; }

/*titolo delle singole celle....nome....mail...*/
.wpcf7-form p{font-size: 13.5px; color: #000; }
/*pulsante invia del form*/

.wpcf7-submit{color: #000!important;  background-color: #fff; font-weight: 600!important; margin: 0px;  border: 1px solid #000!important; text-transform: uppercase; height: 35px!important;  line-height: 30px!important; font-size: 12px!important;  padding: 0 25px!important;}
.wpcf7-submit:hover{background:#000; color:#fff!important; border-color:#fff!important; cursor: pointer;}
.wpcf7-submit:focus{outline: none}
.wpcf7-list-item{margin-left: 0px!important}

.link_contatti a{color:#000}
.link_contatti a:hover{color: #000!important;}

.icone_contatti{margin-top:80px}
.instagram, .whatsapp{font-size:22px!important}
.contatti .fas, .contatti .fa, .contatti .fab{ color:#707147}
.contatti .fas:hover, .contatti .fa:hover, .contatti .fab:hover{color:#484848}
/****************************************************************
                Comments
****************************************************************/

.comments-title{margin-bottom:40px;}
.comments{padding-top:40px;}
.comments textarea{width: 100%;}
.comments label{min-width:80px;} /* per dare alle label name - email- website, la stessa larghezza*/
.comments ul,
.comments ol{
  list-style-type:none;
}

/*per non visulaizzare i pallini e la numerazione delle lista nei commenti*/
.comment-author img{ border-radius:999px;} /*per rendere rotanda l'immginetta di chi commenta, invece di quadrata*/
.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px;padding-bottom:10px;} /* serve a dare un pò di margini alle risposte ai commenti*/

/***************************************************************
          Stiliziamo l' input e la textarea
******************************************************************/

input,
textarea{padding:5px 10px; border:1px solid #ccc;}


/*************************************************
        widget
*******************************************************/

/*SEARCH*/

/* è la laber "search for"*/
.widget_search .screen-reader-text{display:block;}
.widget_search #s{width:70%; float:left;}
.widget_search #searchsubmit{width:30%; float:left; background:#fff;}


/*************************************************
          Stile delle paginazione
*************************************************/
/*mostra i numeri delle pagine più distanti e all'interno di un quadrato*/
.page-numbers{display: inline-block; padding:10px 15px; border:1px solid #ddd; margin-right:4px;}
.pagination{margin-bottom:40px;}

/*************************************************
          SCHERMO GRANDE
*************************************************/

@media (min-width:1550px){
.jumbotron_page {height:740px!important}

}

/*************************************************
          TABLET GRANDE
*************************************************/
@media (max-width:998px){
  /* per visualizzare e nascondere le mappe*/
  .mobile{display: inline}
  .desktop{display: none}
  /*************
      menu
  **********/

  .navbar-brand{ width:50px;}
  .navbar-transparent.is-scrolled .navbar-brand { width:50px;}
  .page.is-scrolled .navbar-brand { width:50px;}
  .navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%;}

  .navbar a{text-decoration: none}
  .nav-link, .dropdown-menu{text-align: right!important; font-weight: 400; text-decoration: none;}
  .dropdown-menu a{color:#707147!important}
  /*************
    MAPPA
  **********/
  .wrap_svl_center{margin-top: 55px}
}


/*************************************************
          TABLET PICCOLO
*************************************************/
@media (max-width:1024px){
  /* per visualizzare e nascondere le mappe*/
  .mobile{display: inline}
  .desktop{display: none}
  /*************
      menu
  **********/

  .navbar-brand{ width:50px;}
  .navbar-transparent.is-scrolled .navbar-brand { width:50px;}
  .page.is-scrolled .navbar-brand { width:50px;}
  .navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%;}

  .navbar a{text-decoration: none}
  .nav-link, .dropdown-menu{text-align: right!important; font-weight: 400; text-decoration: none;}
  .dropdown-menu a{color:#707147!important}
  /*************
    MAPPA
  **********/
  .wrap_svl_center{margin-top: 55px}
}

/*************************************************
          CELLULARE
*************************************************/

@media (max-width:766px){
a{text-decoration: underline; }



/*************
    pagina iniziale / home
**********/
.jumbotron_home .centered .logo{width:25%!important}
.jumbotron_home h1{margin-top:0px!important}


/*************
  MAPPA
**********/
.wrap_svl_center{margin-top: 55px}
/*per rendere la mappa piena, cioè che prende tutto lo spazio del cellulare*/
.images_wrap img {
  width: 100%;
  height: 85vh;
  object-fit: cover;
}
/*la box dei pin*/
.ihp_popup_full div#powerTip {        position: fixed; top: 172px !important; left: 0 !important; width: 85%;height: 65%;}
.close_ihp{display: none!important}
/*************
    menu
**********/

.navbar-brand{ width:50px;}
.navbar-transparent.is-scrolled .navbar-brand { width:50px;}
.page.is-scrolled .navbar-brand { width:50px;}
.navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%;}

.navbar a{text-decoration: none}
.nav-link, .dropdown-menu{text-align: right!important; font-weight: 400; text-decoration: none;}
.dropdown-menu a{color:#707147!important}
/****************
    PAGINA
****************/
.jumbotron_page h1{font-size: 40px}
.pagina .card{height:300px; width: 300px;}
/****************
    SLIDER NELLE PAGINE
****************/

.lb-nav a.lb-next { width: 10%!important; background-size: contain !important; position: absolute!important;  top:300px; right: 0px!important; float:none!important}
.lb-nav a.lb-prev { width: 10%!important; background-size: contain !important; position: absolute!important;  top:300px; left: 0px!important; float:none!important}
/* per rendere le frecce visibili da mobile*/
.lb-nav a.lb-prev,.lb-nav a.lb-next{  opacity: 1 !important;  visibility: visible !important;}
/* Rimuove il comportamento hover */
.lb-nav:hover a.lb-prev,.lb-nav:hover a.lb-next{  opacity: 1 !important;  visibility: visible !important;}
/*per centrae lo slider da mobile*/
.lightboxOverlay {   align-items: center !important;  justify-content: center !important;}
.lb-container {position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;
  margin: 0 !important;  max-height: 90vh !important;}

/*per visuliazzare il nome del fotografo fisso*/
/*.lb-data .lb-details {  width: 150%!important;     float: none!important;
    text-align: center!important;}
.lb-details{position: fixed !important; top: 93% !important;left: 14% !important; transform: translate(-50%, -50%) !important;
  margin: 0 !important;    max-height: 90vh !important;}
.lb-caption{text-align: center!important;color:#707147!important; position: absolute!important; left: 325px!important; bottom:1px!important; display: block!important}*/
.lb-dataContainer {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.lb-data {
  width: 100% !important;
}

.lb-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.lb-caption {
left:12%!important;
     display: block !important;
     width: 100%;
     text-align: center;
     padding: 10px 12px;
     box-sizing: border-box;
 }
/****************
    SCHIZZI NELLE PAGINE
****************/
.jumbotron_page .immagine_schizzo{width: 50%}
/*festa nel borgo*/
.page-id-316 .jumbotron_page .immagine_schizzo{width:50%!important}
/*sala a cassettoni*/
.page-id-330 .jumbotron_page .immagine_schizzo{width:50%!important}
/*bordo piscina*/
.page-id-366 .jumbotron_page .immagine_schizzo{width:50%!important}
/*cattedrale verde*/
.page-id-379 .jumbotron_page .immagine_schizzo{width:85%!important}
/*magia del bosco*/
.page-id-377 .jumbotron_page .immagine_schizzo{width:70%!important}
/*sala a capriate*/
.page-id-378 .jumbotron_page .immagine_schizzo{width:75%!important}
/****************
    FOOTER
****************/
.footer .policy{text-align: left!important}
/*.footer{padding-bottom: 50px}*/
}





/*************************************************
        general wordpress style
******************************************************/

/*.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 99.6vw;
    width    : 99vw;
}*/

/*imposta questo css perchè dento la pag blog, c'erano delle immagini di copertina troppo grandi*/
.post img{max-width:100%; height:auto;}


/* =WordPress Core (per le best practices di Wordpress.org)
-------------------------------------------------------------- */
.gallery-caption{
  padding:5px;
  font-size:10px;
}
.bypostauthor{
  border-left: 3px solid #ddd;
  padding-left:20px;
  }

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}