/*
Theme Name: NXCQUADRO
Theme URI:
Author: soluzioni cquadro
Author URI: https://www.soluzionicquadro.com/
Description: Oasi Grazia, Residenza Assistenziale Alberghiera R.A.A., residenza a tutela della persona. Personale socio-assistenziale e sanitario altamente qualificato. Gela - Sicilia
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: 'Lato', sans-serif;
  font-size: 15.5px;
  color:#484848;
  line-height: 23px;
  background-color:#fff;
}

/*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:#10557f}
a:hover{color:#0c1d4f; text-decoration: none}*/
 a {  box-shadow: inset 0 0 0 0 #fff; color: #10557f;font-weight:600;  padding: 0.15rem .6rem;  transition: color .3s ease-in-out, box-shadow .3s ease-in-out; text-decoration: none}
 a:hover {  box-shadow: inset 100px 0 0 0 #fff;  color: #10557f!important;  font-weight:600; text-decoration: none}

/****************************************************************
                BANNER COOKIE
****************************************************************/
.pea_cook_wrapper, .pea_cook_bottomcenter{width:100%!important;bottom: 0px!important;   left: 0px!important; padding: 58px 25px!important;   margin: 0px!important;}
.pea_cook_wrapper p, .pea_cook_bottomcenter p{ font-size: 15.5px!important; text-align: left!important; line-height: 30px}



/*************************************************
                          UTILITIES
**********************************************/
/* è il trattino sopra il titolo dello slider e nel blocco a 2 colonne*/
.trattino{width:100px; height:2px;  margin-top:5px; background:#10557f;}
h1, h3, h4, h5, h6{color:#10557f; margin-bottom: 20px}

h2{font-family:'Great Vibes'!important;color:#10557f!important;font-size:60px; margin-bottom:0px!important}
strong{color:#10557f!important; font-family:'Lato Bold', sans-serif}
.sfondo_bianco .wp-block-media-text{background-color:#fff!important}
.footer ul > li{   display: inline-block; margin-right: 18px;}
.footer ul{  padding-left: 0px!important}
/**EFFETTO ZOOM IMMAGINE**/
.outer-div{  overflow: hidden;}
.inner-div{ transition: all 0.5s ease; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;}
.inner-div:hover{  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -o-transform: scale(1.1);  -ms-transform: scale(1.1); /* IE 9 */  transform: scale(1.1);}

/*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:#25315c!important}

/**POLICY**/
.page-id-3 main, .page-id-27 main{    max-width: 1140px;}
/*************************************************
      WHATSAPP
******************************************************/
.div_bottone_whatsapp{  position: fixed;  bottom: 90px; right: 2px;  cursor: pointer!important; font-size: 70px; z-index:20}
.div_bottone_whatsapp .fab{color:#03c100}
/*************************************************
                    BLOCCHI
******************************************************/
/******
IMMAGINI COPERTINA DI GUTENBERG
*****/
/*per non avere immagini alte quanto lo schermo*/
.wp-block-cover{height:auto}
/******
IMMAGINI
*****/
/*per avere le immagini responsive*/
.wp-block-media-text__media img, .wp-block-image img{height:auto}
.has-white-color { color: #fff!important;}
.has-white-color strong{color: #fff!important}
/******
BLOCCO GRUPPO
******/
/*PER dare padding sopra e sotto e di lato ai Gruppi*/
.alignwide{padding: 0 120px} 
.alignfull{padding: 0;} 

/*****
BLOCCO TESTO PIù IMMAGINE
****/
/*per dare spazio a sinistra nelìi blocchi testo più immagine*/
.wp-block-media-text{background-color: #f7f9fb}
/*.wp-block-media-text__content{padding: 100px 50px 100px 7.2rem!important}*/

/******
BLOCCO BOTTONE
******/
.wp-block-button__link{text-transform:uppercase; font-size: 0.8rem!important; margin-top: 10px; border: 1px solid #10557f!important; padding: .6em 1.5em!important;background-color:#10557f!important; font-family:'Lato Bold', sans-serif; border-radius:3px; color:#FFF}
.wp-block-button a:hover{background-color:#fff!important; border: 1px solid #10557f!important; color:#4ea392!important;  font-family:'Lato Bold', sans-serif}


/*************************************************
                          MENU
**********************************************/
/*
per le pagine
*/
.bg-primary{ background: #fff!important; }
.dropdown-menu, .dropdown-item{ background: #fff!important; }
/*
per la home
*/
.navbar-transparent .bg-primary{ background: rgba(255,255,255,0.7)!important; }
.navbar-transparent.is-scrolled .bg-primary{ background: #fff!important; }
.navbar-transparent.is-scrolled .dropdown-menu, .navbar-transparent.is-scrolled .dropdown-item{ background: #fff!important; }

/*
il logo
*/
.navbar-brand{ width:220px;}
.navbar-transparent.is-scrolled .navbar-brand { width:220px;}
.page.is-scrolled .navbar-brand { width:220px;}
.navbar-brand img {width: 82%!important;}

/*
per stilizzare l testo
*/

.nav-link, .dropdown-menu, .dropdown-item{ text-transform: uppercase; font-size:13px; color:#10557f!important;  font-family:'Lato Bold', sans-serif}
.navbar-nav .nav-link{padding-right: 1.4rem!important; padding-left: 0!important;}
.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover, .navbar-brand:hover{color:#0c1d4f!important; box-shadow: inset 0px 0 0 0 transparent;}
.dropdown-menu {  margin-top: 10px!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://cdn0.iconfinder.com/data/icons/ui-icons-pack/100/ui-icon-pack-01-512.png)!important;
}

/*************************************************
                      Slider
******************************************************/

.jumbotron_home {padding-bottom: 240px!important; padding-top: 280px!important; margin-bottom: 0px!important}
.jumbotron_home h1{font-size:80px;  letter-spacing: 7px;  font-family:'Lato Bold', sans-serif; line-height: 60px; color:#fff!important}
.jumbotron_home .sottotitolo{color:#fff!important; font-size: 17px;  font-weight: 400!important;text-transform: uppercase;line-height: 50px; }
/****************************************************************
                SEZIONE CHI SIAMO IN HOME
****************************************************************/

.link_immagini  a { color: #fff;}
/*.link_immagini a:hover { border-bottom: 2px solid #fff;}*/
/****************************************************************
                SEZIONE LA STRUTTURA IN HOME
****************************************************************/
.blocco_struttura .wp-block-media-text__content{padding-left:80px; padding-right:80px}
.blocco_struttura .titoli_struttura_home{color:#10557f;  font-size: 20px;  margin-bottom: 10px; }
.blocco_struttura .icone_home{      color: #10557f;  font-size: 30px; margin-right:10px}
.blocco_struttura .icone_home_white{      color: #fff;  font-size: 30px; margin-right:10px}
.blocco_struttura .elementi_struttura{background-color: #fff;  padding: 7px 15px; border-radius: 3px;  border: 1px solid #fff;  margin-bottom: 20px;}
/*.blocco_struttura p a:hover{color: #fff!important;}*/
.blocco_struttura .underline p a {   color: #fff;}

/****************************************************************
                SEZIONE SERVIZI IN HOME
****************************************************************/
.colonne_servizi .wp-block-column{padding:85px 15px 35px 15px}
.underline a {  color: #fff;	}


/*
.underline a{color:#fff!important;}
.underline {
	position:relative;
  text-decoration:none;
  display:inline-block;
}
.underline:after {
  display:block;
  content: '';
  border-bottom: solid 3px #fff;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  transform-origin:100% 50%
}
.underline:hover:after { 
  transform: scaleX(1);
  transform-origin:0 50%;
}*/

/****************************************************************
                BLOCCO CONTATTI HOME
****************************************************************/
.blocco_contatti_home{color:#fff!important}
.blocco_contatti_home .contatti .fa {color:#fff!important}
.blocco_contatti_home h2{color:#fff!important}
.blocco_contatti_home a{color:#fff!important;  box-shadow: inset 0 0 0 0 transparent;}

/****************************************************************
                FOOTER
****************************************************************/
.footer{color:#fff; font-size: 13px}
.footer a:hover{text-decoration: none; color: #fff!important}
  
.footer a{text-decoration: none; color: #fff;  box-shadow: inset 0 0 0 0 transparent;}
.footer h4{color:#fff}
.web_design{font-size: 13px; color: #fff}
 hr{border-top: 1px solid #fff;}
.policy{font-size: 12px; text-align: right}
.logo_footer{margin-top: 1.6rem}

/****************************************************************
                PAGINA
****************************************************************/
.jumbotron_page {padding:220px 0 140px!important; }
.jumbotron_page h1{font-size:50px;  letter-spacing: 2px;  font-family:'Lato Bold', sans-serif; line-height: 60px; color:#fff!important; text-transform: uppercase;}


/****************************************************************
                CONTATTI CON CONTACT FORM 7
****************************************************************/
.circle-icon{border: 1.5px solid #10557f; width: 65px!important;height:65px!important;padding:20px 15px;border-radius:50%;}
.contatti .fa {    text-align: center;    font-size: 23px;    color: #10557f;    margin-left: 20px;}

form p{margin-top: 35px;}
input[type="text"],  input[type="email"],  textarea, select{padding:3px 10px;border:1px solid #fff; border-bottom: 1px solid #0c1d4f; width:100%!important; }
textarea{ height: 130px;     border: 1px solid #0c1d4f!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 #0c1d4f; }

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

.wpcf7-submit{color: #10557f!important;  background-color: #fff; font-weight: 600!important; margin: 0px;  border: 1px solid #10557f!important; text-transform: uppercase; height: 35px!important;  line-height: 30px!important; font-size: 12px!important;  padding: 0 25px!important;}
.wpcf7-submit:hover{background:#10557f; color:#fff!important; border-color:#fff!important; cursor: pointer;}
.wpcf7-submit:focus{outline: none}
.wpcf7-list-item{margin-left: 0px!important}
/****************************************************************
                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;}

/*************************************************
      MAC
*************************************************/


@media (min-width:1600px){
	
	.jumbotron_home {
    padding-bottom: 380px!important;
    padding-top: 390px!important;
    margin-bottom: 0px!important;
}
	.jumbotron_page {
    padding: 280px 0 200px!important;
}
}
/*************************************************
          TABLET
*************************************************/
@media (max-width:998px){

}




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

@media (max-width:767px){
	
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px)/2);
    margin: 0;
}
/****
 * BARRA DEI COOKIE
 * *****/
.cmplz-btn{font-size:13px; padding:8px!important; height:32px!important}
	
/**********
 * GENERALI
 * ***********/
h1 { font-size: 2.1rem;  }
.testo_copertina{font-size:42px!important; padding: 0 15px}
.reveal_right{origin: left!important}
/*************
    menu
**********/
.navbar-collapse {margin-top: 20px}
/*************
    slider
**********/
/*
il logo
*/
.navbar-brand{ width:220px;}
.navbar-transparent.is-scrolled .navbar-brand { width:220px;}
.page.is-scrolled .navbar-brand { width:200px;}
.navbar-brand img {padding-top: 0px; padding-bottom: 0px; width: 80%!important;}

/*************
jumboptron in home
**********/

.jumbotron_home h1{font-size:60px;  letter-spacing: 5px; line-height: 55px; }
.jumbotron_home .sottotitolo {font-size: 13px;  font-family:'Lato Bold', sans-serif!important; line-height: 0px; }

/******
BLOCCO GRUPPO
******/
/*PER dare padding sopra e sotto e di lato ai Gruppi*/
.wp-block-group {  padding: 20px 20px 20px 20px;}

/*per dare spazio a sinistra nelìi blocchi testo più immagine*/
.wp-block-media-text__content {padding:10px!important}/*{  padding: 50px 20px 100px 20px!important;}*/

.alignwide{padding:0px}
.wp-block-media-text__content{margin-top: 30px}
/****************
    CLIENTI IN HOME
****************/
.owl-carousel .owl-item img {width: 95%!important}
/****************
    PARALLAX
****************/

.testo_parallax h1{font-size: 3rem!important}

/****************
    PAGINA
****************/

.jumbotron_page h1{font-size: 40px}
/****************
    FOOTER
****************/
.footer a{padding: 0}
.flex-row-reverse {  flex-direction: row!important;}
.info, .partita_iva { color: #fff; font-size: 11.65px;}
.web_design{margin-top: 10px}
.policy{text-align: left!important; margin-top: 20px; margin-bottom:40px!important}
.riga_certificati{margin: 0 auto}
.riga_certificati .col-2{flex: 0 0 20%!important;   max-width: 20%!important;}
.certificato{padding-left: 5px!important; padding-right: 0px!important}

}





/*************************************************
        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. */
}