/*
Theme Name: NXCQUADRO
Theme URI:
Author: soluzioni cquadro
Author URI: https://www.soluzionicquadro.com/
Description: descrizione
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: 'Montserrat', sans-serif;
  font-size: 16px;
  color:#484848;
  line-height: 23px;
}

/*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:#4d83a7}
a:hover{color:#8cd1e9; text-decoration: none}


/*************************************************
                          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: 25px;   padding-left: 25px;   width: 100%;}
.alignfull{margin-right: auto;     margin-left: auto;    padding-right: 25px;    padding-left: 25px;    width: 100%;}

.trattino{width:100px; height:2px; margin-bottom:20px;  margin-top:30px; background:#008dd2;}

h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 400; color:#4d83a7}
strong{color:#4d83a7; font-weight: 600}
h1{font-size: 60px}
h2{font-size: 48px}
h3{font-size: 40px; text-transform:inherit;}
h4{font-size: 30px!important; text-transform:inherit;}
h5{font-size: 20px; font-weight: 300}

.wp-block-quote{ font-weight: 500;   /*color: #4d83a7;*/  font-size: 25px;    margin: 0 auto;    width: 80%;    border: 0;
    padding: 40px;     border-width: 2px 0;    border-style: solid;    border-color: #8cd1e9;    z-index: 0;    position: relative;
}
.wp-block-quote strong{color:#fff}
.wp-block-quote h2 { font-weight: 500;   /*color: #4d83a7;*/  font-size: 25px; text-transform: inherit;  }


.icona figure img, .icona img{width: 28%;}
.icona figure {text-align: center;}
.circle_icon {    border:none; background-color: #4d83a7; width: 80px !important;  height: 80px !important; padding: 24px; border-radius: 50%;}
/*************************************************
                    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;}

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

/*****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******/
.blocco_copertina .wp-block-button__link{text-transform:uppercase; background-color: #fff; color:#8cd1e9!important; border-radius: 10px; font-size: 16px!important; font-weight: bold; margin-top: 10px; border: 1px solid #fff!important; padding: .6em 50px!important;}
.blocco_copertina .wp-block-button a:hover{background-color:#8cd1e9!important; border: 1px solid #fff!important; color:#fff!important;}

.wp-block-button__link{text-transform:uppercase; background-color: #8cd1e9; color:#fff!important; border-radius: 10px; font-size: 16px!important; font-weight: bold; margin-top: 10px; border: 1px solid #8cd1e9!important; padding: .6em 50px!important;}
.wp-block-button a:hover{background-color:#fff!important; border: 1px solid #8cd1e9!important; color:#8cd1e9!important;}

/****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:#8cd1e9!important}

/*************************************************
                          MENU
**********************************************/
/*per le pagine*/
.bg-primary{ background:  rgba(140,209,233,0.85)!important; }
.dropdown-menu, .dropdown-item{ background:  rgba(140,209,233,0.85)!important; }
/*per la home*/
.navbar-transparent .bg-primary{ background: rgba(255,255,255,0)!important;}
.navbar-transparent.is-scrolled .bg-primary{ background:  rgba(140,209,233,0.85)!important; backdrop-filter: blur(4px)!important;}
.navbar-transparent.is-scrolled .dropdown-menu, .navbar-transparent.is-scrolled .dropdown-item{ background: rgba(140,209,233,0.85)!important; backdrop-filter: blur(4px);!important }

/*il logo*/
.navbar-brand{ width:350px;}
.navbar-transparent.is-scrolled .navbar-brand { width:280px;}
.page.is-scrolled .navbar-brand { width:280px;}
.navbar-brand img {width: 90%;}

/*per stilizzare l testo*/
.nav-link, .dropdown-menu, .dropdown-item{ text-transform: uppercase; font-size:14px; color:#fff!important; font-weight: 400;}
.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover{color:#2271b1!important}
.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
******************************************************/
.copertina_home h1{position: absolute; top:30px; color:#fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300}

/*************************************************
                      Home
******************************************************/

.img_border figure img, .img_border img{border-radius: 20px}

.bg_right img{width:65%}
/*.bg_right{position: relative; }
.bg_right:after {
  content: ""; width: 515px; height: 515px;
 background:url("https://www.odontium.it/wp-content/uploads/2025/04/ODO_PITTOGRAMMA_AZZURRO.png") no-repeat center center;
 top: 10px; right: 5px; position: absolute;    z-index: -1;
  }*/

.bg_circle_img  img{width:70%}
.bg_circle_img  {width: 515px;
  height: 515px;
  background:url("https://www.odontium.it/wp-content/uploads/2025/04/ODO_PITTOGRAMMA_AZZURRO.png") no-repeat center center;
  }

.bg_blockquote{padding: 50px 0}

/****************************************************************
                PAGINA
****************************************************************/
.jumbotron_page {padding:280px 0 280px!important; }
.jumbotron_page_no_evide {padding:240px 0 240px!important; }
.jumbotron_page_no_evide h1, .jumbotron_page h1{font-weight: 300; letter-spacing: 2px; line-height: 60px; color:#fff!important; text-transform: uppercase;}

.icone svg{font-size: 32px; color:#fff}
.blocco_icone .wp-block-columns{padding-top: 4rem; padding-bottom: 4rem}
.blocco_icone h3{text-transform: uppercase; font-size: 20px!important}


/****************************************************************
                CONTATTI
****************************************************************/
.contatti svg{font-size: 25px; color:#4d83a7; text-align: center;}

.contatti input[type="text"],
.contatti input[type="tel"],
.contatti input[type="email"],
.contatti textarea,
.contatti select{padding:9px 10px; border-radius: 4px; border:1px solid #4d83a7;  width:100%;    }
.contatti textarea{ height: 130px;     border: 1px solid #4d83a7!important;}
/*per eliminare che il bordo delle text area si colori al clic al suo interno*/
.contatti input[type="text"]:focus, input[type="email"]:focus, textarea:focus{ outline: none; }

.wpcf7-form p{font-size: 14.5px; color: #4d83a7;  margin-bottom: 2px}

/*pulsante invia del form*/
.wpcf7-submit{color: #4d83a7!important;  background-color: #fff; font-weight: 600!important; margin: 0px;
   border: 1px solid #4d83a7!important; text-transform: uppercase; height: 35px!important; border-radius: 5px;
   line-height: 30px!important; font-size: 14px!important;  padding: 0 35px!important;}
.wpcf7-submit:hover{background:#4d83a7; color:#fff!important; border-color:#4d83a7!important; cursor: pointer;}
.wpcf7-submit:focus{outline: none}
.wpcf7-list-item{margin-left: 0px!important}


/****************************************************************
                AREA RISERVATA
****************************************************************/
.area_riservata label {width: 100%}
.area_riservata input[type="text"]
{padding:9px 10px; padding: 9px 10px;    border-radius: 4px; border:1px solid #4d83a7;  width:40%!important; }
.area_riservata input[type="password"]
{padding:9px 10px; padding: 9px 10px;    border-radius: 4px; border:1px solid #4d83a7;  width:40%!important; }

.area_riservata input[type="submit"]{color: #4d83a7!important;  background-color: #fff; font-weight: 600!important; margin: 0px;
   border: 1px solid #4d83a7!important; text-transform: uppercase; height: 35px!important; border-radius: 5px;
   line-height: 30px!important; font-size: 14px!important;  padding: 0 35px!important;}

.area_riservata input[type="submit"]:hover{background:#4d83a7; color:#fff!important; border-color:#4d83a7!important; cursor: pointer;}


.area_riservata  a .btn-primary{text-transform:uppercase; background-color: #8cd1e9; color:#fff!important; border-radius: 10px; font-size: 16px!important; font-weight: bold; margin-top: 10px; border: 1px solid #8cd1e9!important; padding: .6em 50px!important;}
.area_riservata  a .btn-primary:hover{background-color:#fff!important; border: 1px solid #8cd1e9!important; color:#8cd1e9!important; cursor: pointer;}



/****************************************************************
                PREVENTIVATORE
****************************************************************/
.accordion .card .card-header h2 .btn-link {color:#4D83A7!important; }
.accordion .card .card-header h2 .btn-link:hover{cursor: pointer!important; text-decoration: none!important;}
.accordion .card {border:0px; border-bottom: 2px solid #4D83A7; border-radius: 0px}
.accordion .card-header {
    padding: .75rem 0.5rem;
    margin-bottom: 0;
    background-color: transparent!important;
     border-bottom: 0PX!important;
}

.accordion .btn-link::after {
    content: "\221F" !important;
    transform: rotate(222deg);
    top: 18px;
    right: 50px;
    position: absolute;
    font-size: 20px;
    color: #4D83A7;
}

.accordion .btn-link[aria-expanded="true"]::after {
    content: "\221F" !important;
    transform: rotate(-45deg);
    font-size: 20px;
    color: #4D83A7;
}
/****************************************************************
                FOOTER
****************************************************************/
.footer{color:#fff; font-size: 14px}
.footer h3{color:#fff; text-transform: uppercase; font-size: 26px;     margin-top: 2.5rem !important;}
.footer a:hover{text-decoration: none; color: #fff!important}
.footer a{text-decoration: none; color: #8cd1e9!important}

.web_design{font-size: 13px; color: #fff; margin-bottom: 10px}
 hr{border-top: 1px solid #fff;}

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


/*************************************************
          TABLET
*************************************************/
@media (max-width:998px){

}




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

@media (max-width:767px){


.alignfull, .alignwide {padding-left: 15px!important; padding-right: 15px!important}
.wp-block-quote{padding: 40px 0px}
h2{font-size: 35px}
/*************
    menu
**********/

.navbar-collapse {margin-top: 20px}
.navbar-brand{ width:220px;}
.navbar-transparent.is-scrolled .navbar-brand { width:220px;}
.page.is-scrolled .navbar-brand { width:200px;}
.navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%;}

.is-scrolled .bg-primary{ background:  rgba(140,209,233,0.95)!important; }
.is-scrolled .dropdown-menu, .is-scrolled .dropdown-item{ background: rgba(140,209,233,0.95)!important; }
/*************
 home
**********/
.copertina_home h1{font-size: 38px!important; padding-left: 0px!important;     bottom: 160px!important}
.bg_circle_img {  background-size: cover!important;  background-repeat: no-repeat!important;
    background-position: center center!important;   width: 330px!important;   height: 330px!important;}
.bg_circle_img img {    width: 77%;}


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

.page-template-default h1{margin-left: 0px!important; font-size: 56px!important}
.blocco_icone {padding-left: 0px!important; padding-right: 0px!important}
.blocco_icone .py-5{padding-top: 2rem!important; padding-bottom: 2rem!important}

.error404 h1{font-size: 36px}


/****************
    PAGINA AREA RISERVATA
****************/
.page-template-areariservata .jumbotron_page h1{margin-left: 0px!important}
.page-template-areariservata .jumbotron_page{  background-position: 63% center!important;}
.area_riservata input[type="text"], .area_riservata input[type="password"] {width: 74%!important}

.contenuto_riservato h1{font-size: 37px}
.contenuto_riservato h4{margin-bottom: 1rem!important; margin-top: 20px!important}
/****************
    FOOTER
****************/

.info, .partita_iva { color: #fff; font-size: 11.65px;}
.web_design{margin-top: 0px; margin-bottom: 40px}
.policy{text-align: left!important; margin-top: 20px}
.cmplz-btn{    height: 32px!important;    padding: 8px!important;}

}















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

.alignfull {
  width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;/*
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width: 99.9vw;
    width: 99.9vw;*/
}
/*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. */
}