/*
Theme Name: pascerini
Theme URI: http://wordpress.org/themes/pascerini
Author: YOUTOOL
Author URI: http://studio.youtool.it
Version: 1.0
Text Domain: pascerini

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* TIPOGRAFIA */

@font-face {
    font-family: 'Garamond';
    src: url('fonts/garamond-reg-webfont.eot');
    src: url('fonts/garamond-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamond-reg-webfont.woff') format('woff'),
         url('fonts/garamond-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Garamond';
    src: url('fonts/garamond-bold-webfont.eot');
    src: url('fonts/garamond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamond-bold-webfont.woff') format('woff'),
         url('fonts/garamond-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Garamond';
    src: url('fonts/garamond-italic-webfont.eot');
    src: url('fonts/garamond-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamond-italic-webfont.woff') format('woff'),
         url('fonts/garamond-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Kunstler';
    src: url('fonts/kunstler.eot');
    src: url('fonts/kunstler.eot?#iefix') format('embedded-opentype'),
         url('fonts/kunstler.woff') format('woff'),
         url('fonts/kunstler.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
font-size:16px;
line-height:1.4em;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
color:#222;
background-color:#FFF; 
margin:0;
}

/* ELEMENTI COMUNI */
a {color:#003366; text-decoration:none;}
a.button {display:inline-block; border:1px solid #036;color:#036;font-weight:bold;padding:6px 10px;font-size:18px;width:auto;}
a:hover {text-decoration:underline;}

/* TESTATA */
#site-title {
font-family: 'Kunstler','Garamond',Georgia,serif;
font-size:40px;
line-height:1.0em;
color:#003366;
margin:40px 0;
text-align:center;
}
#site-title a:hover{
    text-decoration:none!important;
    }
#site-description {display:none;}
#menu-menu-principale {  
margin:0 auto;
width:90%;
padding-bottom:8px;
max-width:1200px;  
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
#menu-menu-principale li{   
font-family: "Montserrat", sans-serif;
display:inline-block;
font-weight:bold;
letter-spacing:1px;
margin-bottom:8px;
font-size:0.90em;
}
#menu-menu-principale li .sub-menu li{    
font-family: "Montserrat", sans-serif;
display:block;
font-size:0.90em;
}
#pull{    
display:none;
}
#menu-menu-principale li .sub-menu {    
padding:24px 8px 8px 8px;
margin-left:-8px;
background:white;
}
#menu-menu-principale li a{    
padding-bottom:8px;
border-bottom:4px solid transparent;
display:block;
line-height:1.0em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#menu-menu-principale li a:hover, #menu-menu-principale li.current-menu-item a, #menu-menu-principale li.current_page_ancestor a{    
border-bottom:4px solid #036;
text-decoration:none!important;
}
#menu-menu-principale li.current_page_ancestor li a, #menu-menu-principale li.current-menu-item .sub-menu a{    
border-bottom:4px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#menu-menu-principale li li:hover a, #menu-menu-principale li.current_page_ancestor li:hover a{    
border-bottom:4px solid #036;
text-decoration:none!important;
}
#menu-menu-principale li ul.sub-menu {
display:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;}
#menu-menu-principale li:hover ul.sub-menu {display:block;position:absolute;}
.menu-menu-principale-container {    
    -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.30);
    -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.30);
    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.30);
}

/* HOMEPAGE */
#intro-sito {    
width:50%;
max-width:600px;
margin:100px auto;
font-size:18px;
line-height:1.4em;
text-align:justify;
}

/* PAGINE */
.entry-title {display:none;}
.testo-intro {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
text-align:justify;
}
#immagine-intestazione {    
width:100%;
height:0;
padding-bottom:33%;
}
#immagine-intestazione img{    
width:100%;
height:auto;
}
#contenuto-pagina {    
width:90%;
max-width:1200px;
margin:100px auto;
overflow:auto;
}
#contenuto-pagina h1{    
font-weight:bold;
font-size:28px;
line-height:1em;
color:#003366;
margin-bottom:1.0em;
}
#contenuto-pagina h2{    
font-weight:bold;
font-size:20px;
color:#003366;
margin-bottom:1.0em;
}
#contenuto-pagina p{    
font-size:18px;
line-height:1.4em;
margin-bottom:1.0em;
}
#contenuto-pagina img  {
    height:auto; width:100%;
}

/* PAGINA AREE DI ATTIVITA' */
#aree {    
margin-top:40px;
overflow:auto;
}

#aree li{    
display:block;
float:left; 
width:50%;
padding-right:20px;
height:350px;
}
#aree li:nth-child(even){    
padding-right:0;
padding-left:20px;
}

#aree li h2{    
font-weight:bold;
font-size:20px;
}

#aree1 {    
margin-top:40px;
}

#aree1 li{    
display:block;
float:left; 
width:50%;
padding-right:20px;
}
#aree1 li:nth-child(even){    
padding-right:0;
padding-left:20px;
}

#aree1 li h2{    
font-weight:bold;
font-size:18px;
}
/* PAGINE PROFESSIONISTI */
#col-left {    
width:32%;
float:left;
}
#col-right {    
width:64%;
float:right;
}
#col-left img{    
width:100%;
height:auto;
}

.page-id-12 #col-left {    
width:50%;
float:left;
}

.page-id-12 #col-right {    
width:50%;
float:right;
}

/* PAGINA CONTATTI */
.acf-map {
	width: 100%;
	/*height: 15vh;*/
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* PAGINA GENERALE PROFESSIONISTI */
#soci {    
margin-top:100px;
}
#soci li{    
width:18%;
margin-right:2%;
float:left;
}
#soci li:last-child{    
margin-right:0;
}
#soci img{    
width:100%;
height:auto;
}

/* MODULO CONTATTI */
input, textarea {border:1px solid #EEE;background-color:#EEE;padding:2px 4px;width:100%;font-family: "Montserrat", sans-serif;
font-size:18px;
line-height:1.4em;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
color:#222;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;}
input:focus, textarea:focus {background-color:white;outline: none;}
input[type="submit"] {background-color:white;border:1px solid #036;color:#036;font-weight:bold;padding:6px 10px;width:auto;cursor:pointer;}
input[type="checkbox"] {width:auto!important;}
.wpcf7-list-item {margin: 0 0 0 0em!important;}
/* RESETS PER GRID LAYOUT http://www.html.it/articoli/un-layout-a-griglia-fluido-e-responsivo-senza-framework/ */
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 *behavior: url(boxsizing.htc);
}


/* FOOTER */
#copyright {    
background:#eee;
padding:50px 0 50px;
overflow:auto;
}
#copyright ul {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
#copyright li {
    float:left;
    width:32%;
    margin-right:2%;
    line-height:1.7em;
}
#copyright li:last-child {
    margin-right:0;
}
#contenuto-pagina img.ajax-loader {
   width:auto;
}
footer h2{    
    font-weight:bold;
    font-size:16px;
    color:#003366;
    margin-bottom:1.0em;
    }
footer p{    
    font-size:14px;
    }

.page-id-7075 #immagine-intestazione,
.page-id-169  #immagine-intestazione{    
    display:none!important;
    }
/* SMARTPHONE */
@media only screen 
and (min-width : 300px) 
and (max-width : 768px)
{
#pull{    
display:block;
width:28px;
height:28px;
position:fixed;
top:20px;
right:20px;
z-index:4;
}
#site-title {
    font-size: 27px;
    text-align: left;
    position: fixed;
    width: 100%;
    background: white;
    padding: 20px 0 20px 6px;
    top: -40px;
	z-index:3;
    font-weight:bold;
}
.menu-menu-principale-container {    
display:none;
    position: fixed;
    width: 100%;
    background: white;
    padding: 20px 0;
    top: 68px;
    z-index:1;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.30);
    -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.30);
    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.30);
}

#menu-menu-principale li, #menu-menu-principale li ul.sub-menu  {
    display: block; width:100%;
}
#menu-menu-principale li:hover ul.sub-menu {display:block;position:relative;}
#pull img{    
width:28px;
height:28px;
}
#menu-menu-principale li .sub-menu {
    padding: 8px!important;
    margin-left: 0px!important;
}
#menu-menu-principale li:last-child {
    margin-bottom: -10px;
}
#menu-menu-principale li .sub-menu li{    
    font-size:1em;
    }
/*
#immagine-intestazione{    
display:none;
}
*/


.page-id-8 #immagine-intestazione {
    margin-top:50px!important;
    padding-bottom: 80%!important;
    background-size: cover!important;
}
.page-id-14 #immagine-intestazione,
.page-id-16 #immagine-intestazione,
.page-id-20 #immagine-intestazione,
.page-id-22 #immagine-intestazione,
.page-id-7037 #immagine-intestazione {
    display: none!important;
}

#intro-sito,
#contenuto-pagina,
#soci {
    margin: 50px auto!important;
}

.col-left, .col-right, #col-left, #col-right {
    width:100%!important;
}
.col-right, #col-right {
    margin-top: 50px;
}
	
.page-id-12 .col-left, .page-id-12 .col-right, .page-id-12 #col-left, .page-id-12 #col-right {
    width:100%;
}
.page-id-12 .col-right, .page-id-12 #col-right {
    margin-top: 50px;
}
#intro-sito {
    width:90%;
    font-size:18px;
}
#copyright li {
    float: left;
    width: 100%;
    margin-right: 0;
    line-height: 1.7em;
padding-bottom:20px;
text-align:center;
}
.testo-intro {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
}
#aree li {
    width: 100%;
    padding-right: 0;
    height: auto;
    padding-bottom: 20px;
}
#aree li:nth-child(even) {
    padding-left: 0px;
}
#soci li {
    width: 100%;
    margin-right: 0;
}
input, textarea {
    width: 100%;
}
#contenuto-pagina h1{    
    font-size:24px;
    }
}