/* gestione responsive dei titoli e del testo */

@media (min-width:0px) and (max-width:768px) {

body.page h1.cp-postheader.entry-title,
body.page h1.cp-postheader.entry-title a,
body.page h1.cp-postheader.entry-title a:link,
body.page h1.cp-postheader.entry-title a:visited,
body.page h1.cp-postheader.entry-title a:hover {
 	font-size: 28px;
}
body.page .cp-content h2 {
	font-size: 23px;
}

body.page .cp-content h3 {
	font-size: 22px;
	}

body.page .cp-content h4,
body.page .cp-content h5,
body.page .cp-content h6 {
	font-size: 20px;
}
	
/***/
	
body.archive h1.cp-postheader.entry-title,
body.archive h1.cp-postheader.entry-title a,
body.archive h1.cp-postheader.entry-title a:link,
body.archive h1.cp-postheader.entry-title a:visited,
body.archive h1.cp-postheader.entry-title a:hover {
 	font-size: 28px!important;
}
	 
body.archive h2.cp-postheader,
body.archive h2.cp-postheader a,
body.archive h2.cp-postheader a:hover {
 	font-size: 25px!important;
}

body.archive article h2,
body.archive article h2 a,
body.archive article h2 a:hover {
 	font-size: 23px!important;
 }

body.archive article h3,
body.archive article h4,
body.archive article h5,
body.archive article h6 {
	font-size: 20px!important;
}
	
/***/
	
body.single-post h1 {
	font-size: 26px!important;
 }

body.single-post article h2 {
	font-size: 23px!important;
}

body.single-post article h3 {
 	font-size: 20px!important;
}

body.single-post article h4,
body.single-post article h5, 
body.single-post article h6 {
	font-size: 20px!important;
}
	
/***/
#miagriglia h2 {
    font-size: 26px!important;
}
 
#miagriglia  h3 {
 	font-size: 24px!important;
}

#miagriglia  h4,
#miagriglia  h5,
#miagriglia  h6 {
	font-size: 20px!important;
}		
	
/***/ 

#miofull h2 {
    font-size: 30px!important;
}
 
#miofull  h3 {
 	font-size: 26px!important;
}

#miofull  h4,
#miofull  h5,
#miofull  h6 {
	font-size: 20px!important;
}



/***/ 
	
#miahome h2 {
    font-size: 32px!important;
}
 
#miahome  h3 {
 	font-size: 20px!important;
}

#miahome  h4,
#miahome  h5,
#miahome  h6 {
	font-size: 20px!important;
}
		
/***/ 		
	

body.home article p, 
body.blog article p,
body.archive  article p, 
body.search article p, 
body.single article p, 
body.page article p,
article .cp-postcontent,
article .cp-postcontent p {
    font-size: 16px!important;
	margin-bottom: 16px!important; /*spazio tra paragrafi*/
	text-align: left!important;
}

 /***/
	
article .cp-postcontent a,
article .cp-postcontent a:link,
article .cp-postcontent a:visited,
article .cp-postcontent a.visited,
article .cp-postcontent a:hover,
article .cp-postcontent a.hovered  {
	font-size: 16px!important;
 }
 
 /***/

article .cp-postcontent ol>li,
article .cp-postcontent ul>li {
    font-size: 16px!important;
 }	
	
 /***/
	
article .cp-postcontent blockquote p {
    font-size: 17px!important;
 }

}
	 

/* gestione responsive dei titoli e del testo */



 
/* responsive menu */

#cp-resp { /* oltre 1024px invisibile */
	display: none;
}

@media (min-width:0px) and (max-width:1024px) {  /* entro 1024px base per switch bottone */
#cp-resp {
	display: block;
}
}

@media (min-width:0px) and (max-width:1024px) {
	
.cp-header {
    padding: 20px 20px 70px 20px!important;
	display: block!important;
	position: static!important;
	width: auto!important;
 	text-align: center!important;
 }
	
.cp-nav-inner { 
	display: block!important;
	position: static!important;
	width: auto!important;
 	text-align: center!important;
 }
	
.cp-nav .cp-hmenu {
	display: none;
	}

.cp-nav .cp-hmenu.visible {
	display: block;
}	

.cp-nav .cp-hmenu.visible {
	display: block;
	position: absolute;
  	background-color:  rgba(255, 255, 255, 0.95);
	top: -60px;
	left: 0px;
	padding: 100px 20px 50px 20px;
	z-index: 1000;
	width: 100%!important;
	height: 100%!important;
}	
	
.cp-header .cp-nav .cp-hmenu>li {
	display: block !important;
	text-align: center !important;
	margin: 25px auto 5px auto !important;
	width: 100%!important;
}
	
	
	
.cp-header .cp-nav .cp-hmenu>li.wpml-ls-item-it  {
	display: inline-block!important;
 	width: 45%!important;
	text-align: right!important;
}
.cp-header .cp-nav .cp-hmenu>li.wpml-ls-item-en{
	display: inline-block!important;
 	width: 45%!important;
	text-align: left!important;
}
 	
.cp-header .cp-nav .cp-hmenu>li.wpml-ls-item-it img {
	display: inline-block!important;
 	width: 45%!important;
	text-align: right!important;
}
	

.cp-header .cp-nav .cp-hmenu>li.wpml-ls-item-it img,	
.cp-header .cp-nav .cp-hmenu>li.wpml-ls-item-en img {
 	width: 27px!important;
}	
	
	
	
	
	
	
	
	
	

.cp-header .cp-nav ul.cp-hmenu>li>a {
	font-family: 'Montserrat', sans-serif!important;
	text-decoration: none!important;
	font-weight: 400!important;
	font-style: normal!important;
	height: 20px !important;
	line-height: 20px !important;
	text-align: center!important;
	font-size: 20px!important;
    color: #333!important;
	border: none!important;
 }
 
.cp-header .cp-nav ul.cp-hmenu>li>a:hover {
    color: #333!important;
	border: none!important;
}

.cp-nav ul.cp-hmenu>li>ul {
	padding: 0px;
}
.cp-nav ul.cp-hmenu>li>ul:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cp-nav ul.cp-hmenu>li>ul>li:first-child:after {
	display: none;
}
 
.cp-header .cp-nav ul.cp-hmenu ul {
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: none !important;
	position: relative !important;
	visibility: visible !important;
}

.cp-header .cp-nav ul.cp-hmenu li.active>ul {
	display: block !important;
	margin: 0 auto!important;
	text-align: center!important;
}

.cp-header .cp-nav ul.cp-hmenu li.active>ul>li   {
	display: block !important;
	text-align: center !important;
	margin: 25px auto 5px auto !important;
	width: 100%!important;
}

.cp-header .cp-nav ul.cp-hmenu li.active>ul>li>a   {
	font-family: 'Montserrat', sans-serif!important;
	text-decoration: none!important;
	font-weight: 400!important;
	font-style: normal!important;
	height: 18px !important;
	line-height: 18px !important;
	text-align: center!important;
	font-size: 18px!important;
    color: #333!important;
}
.cp-header .cp-nav ul.cp-hmenu li.active>ul>li>a:hover {
    color: #333!important;
}
	
.cp-header .cp-nav ul.cp-hmenu li ul {  /* reset ombre e sfondi su mobile */
     background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
     box-shadow: none;
}
 	
}

/* responsive menu */














/* bottone menu responsive*/

@media (min-width:1024px) {
.cp-nav .cp-menu-btn { /* oltre 1024px invisibile */
	display: none;
}
}


@media (min-width:0px) and (max-width:1024px) {
	
.cp-nav .cp-menu-btn {
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none!important;
	padding: 0px 0px!important;
 	z-index:1500!important;
	outline: none;
}

.cp-nav .cp-menu-btn i.fa-bars  {
	cursor: pointer;
	font-weight: normal;
	font-style: normal;
	font-size: 55px;
	color: #fff;
	transform: scale(1, 0.5)!important;
}
.cp-nav .cp-menu-btn i.faxxx  {
    position: absolute!important;
    top: 50px!important;
    right: 25px!important;
    cursor: pointer!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 35px!important;
    color: #333!important;
    font-family: 'Montserrat', sans-serif;
    text-transform: lowercase!important;
    z-index: 2000!important;
 }
 
.cp-nav .cp-menu-btn i.fa.compare {
	display: block;
}
.cp-nav .cp-menu-btn i.fa.sparisce {
	display: none;
}
.cp-nav .cp-menu-btn i.faxxx.sparisce {
	display: none;
}
.cp-nav .cp-menu-btn i.faxxx.compare {
	display: block;
}

.cp-nav .cp-menu-btn i.faxxx.compare:hover {
text-shadow: 0px 1px 4px rgba(255, 255, 255, 1);
 }

}

/* bottone menu responsive*/



/* se ho doppio menu alternanza mobile */

@media (min-width:0px) and (max-width:1024px)  {  /* sotto 1024px invisibile */
	.base {
	display: none!important;
}
}

@media (min-width:1025px)   {  /* oltre 1024px invisibile */
	.mobile {
	display: none!important;
}
}

/* se ho doppio menu alternanza mobile */ 



/* tolta barretta a dx dala menu orizzontale */

@media (min-width:0px) and (max-width:1024px) {
ul.cp-hmenu>li>a {
    border-right: none;
}
}