/*
Theme Name: Archimagica
Description: disegnato da <a href="http://www.mattiafrigeri.it/">Mattia Frigeri</a>
Author: Mattia Frigeri
Author URI: http://www.mattiafrigeri.it/
*/

@charset "UTF-8";

/* RESET.CSS */
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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}




/* FONT TABLE 

OSWALD: 300 = light / 400 = normal / 700 = bold (non caricato)

/* COLOR TABLE 

999 [testi normali]   |   9b2d2d [rosso links]   |   666 [testi scuri (strong, em)]   |   2c2a2b [grigio scuro bordo titoli progetti]   |   ... [...]

/* ASSETS TABLE 

WIDTHxHEIGHT 50% [img...]   |   ...   */





/* * * * *
*
*
*
TAGS 
*
*
*
* * * * */

body { background: #fff; font: 300 100% 'Oswald', sans-serif; line-height: 1.7; color: #999; }

/* responsive web [ATTENZIONE: POTREBBE CREARE PROBLEMI CON OGGETTI INTERATTIVI (google maps, ecc.)] */ 
img, embed, object, video { max-width: 100%; display: block; }

a { text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:link, a:visited { color: #9b2d2d; }
a:focus, a:hover, a:active { }

strong, b { font-weight: 400; color: #666; }
em, i { font-style: italic; color: #666; }

h1, h2, h3, h4 { line-height: 1; font-weight: 300; }
h1 { font-size: 28px; margin-bottom: 40px; }
/* <h1> negli articoli del Blog */ 
/*h1*/.single { margin-bottom: 0; }
h2 { font-size: 20px; margin-top: 80px; }
h3, h4 { margin-top: 40px; }

p {
	/*background:#F00;*/
	margin: 10px 0 25px;
}

ul, ol {

	margin: 25px 0;
}

/*img {

    margin: 25px 0;
}*/

/* tag intorno alle immagini caricate nel contenuto */
figure {

    max-width: 100%;
    margin: 25px 0;
    display: inline-block;
}

/* box model ntaturale per tutti gli elementi */
*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box; 

  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;

  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}





/* * * * *
*
*
*
ELEMENTI 
*
*
*
* * * * */

/*------------------------------------*\
    $. CONTAINER
\*------------------------------------*/

.container { /*background: green;*/ margin: 40px auto; max-width: 940px; /* § */  width: 98%; }
/*.container { background: green; margin: 40px auto; width: 940px; }*/





/*------------------------------------*\
    $. HEADER
\*------------------------------------*/

header { /*background: red;*/ }

/*h3*/.logo a {

    background: url("_img/logo-archimagica.png");
    /*background: blue;*/

    width: 390px;
    min-height: 50px;

    float: left;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}


/* MENU */
nav[role="navigation"] { /*background: orange;*/ float: right; }
nav[role="navigation"] ul { /*background: yellow;*/ /* owr */ margin: 0; }
nav[role="navigation"] li { float: left; /* 20/940 */ margin-left: 10px; border-right: 1px solid #999; /* § */ padding-right: 10px; }
nav[role="navigation"] li:last-child { /* owr */ border-right: none; }
nav[role="navigation"] a { }
nav[role="navigation"] a:link, nav[role="navigation"] a:visited { color: #999; }
nav[role="navigation"] a:focus, nav[role="navigation"] a:hover, nav[role="navigation"] a:active { color: #000; }

/* currents */
/* pagina corrente */ nav[role="navigation"] .current-menu-item a:link, nav[role="navigation"] .current-menu-item a:visited, nav[role="navigation"] .current-menu-item a:focus, nav[role="navigation"] .current-menu-item a:hover, nav[role="navigation"] .current-menu-item a:active,
/* categorie (quando nel post della categoria) */ nav[role="navigation"] .current-post-ancestor a:link, nav[role="navigation"] .current-post-ancestor a:visited, nav[role="navigation"] .current-post-ancestor a:focus, nav[role="navigation"] .current-post-ancestor a:hover, nav[role="navigation"] .current-post-ancestor a:active
{ color: #000; }




/*------------------------------------*\
    $. CONTENT
\*------------------------------------*/

.content { /*background: yellow;*/ margin-top: 80px; text-align: justify; }

/* le liste all'interno dei vari contenuti */
.content article ul, .content article ol { list-style: inherit; /* § */ padding-left: 15px; } /* owr */

/* le liste di titoli delle varie categorie */
/*.titoli-categorie { list-style: none; }
.titoli-categorie li { margin-bottom: 20px; }*/

/* COMMENTI */
/*div*/.commenti { margin-top: 80px; }

/* PAGINAZIONE */
/*div*/.paginazione { margin-top: 80px; }



/* HOMEPAGE */
/* slideshow (+ un <div> inserito nel contenuto della pagina 'home') */
/*div*/.slideshow { /*background: blue;*/ width: 100%; height: 375px; margin-top: 100px; }

/* ARCHIVE */
/* tabelle */
table { width: 75%; }
th { font-weight: 400; }
td { text-align: left; border: 1px solid #ccc; /* § */ padding: 5px; border: none; }

/* DEFINITION LISTS (informazioni singolo progetto (SINGLE PROGETTO) + scheda libro (PUBBLICAZIONI) */
dl { margin: 40px 0; overflow: auto; }
dt { /*background: orange;*/ float: left; clear: left; font-weight: 400; text-transform: capitalize; color: #666; }
dd { /*background: blue;*/ float: left; /* § */ padding-left: .5em; }
/* solo per la pagina PUBBLICAZIONI (intercettata grazie alla 'body class') */
.page dd { float: none; clear: both; }
.page dt:first-child + dd { font-weight: 400; font-style: italic; }





/*------------------------------------*\
    $. PROGETTI
\*------------------------------------*/

.progetti li { /*background: green;*/ /* 300/940 */ width: 31.914893617%; float: left; /* 20/940 */ margin: 0 2.127659574% 2.127659574% 0; /* per posizionare gli <h2> */ position: relative; }
.progetti li:nth-child(3n + 0) { margin-right: 0; }
.progetti h3 { background: #2c2a2b; width: 100%; line-height: 30px; position: absolute; left: 0; bottom: 0; color: #fff; text-align: center; /* owrs */ font-weight: 300; margin-top: 0; }





/*------------------------------------*\
    $. FOOTER
\*------------------------------------*/

footer { /*background: yellow;*/ margin-top: 80px; padding-top: 20px; border-top: 1px solid #999; text-align: center; }
footer p { /* owr */ margin: 0; }

/* footer in homepage */
.home footer { border: none; }




/*------------------------------------*\
    $. CONTATTI
\*------------------------------------*/

/* 
*
trucco per rendere RESPONSIVE gli <iframe>: VIDEO e MAPPE
*
1. Vanno inseriti all'interno di questo di un <div class="iframe-container">
2. Gli vanno tolti nel codice i paramteri 'width' e 'height'
*
*/
.iframe-container { 
    width: 100%; height: 0; /* 16:9 */ padding-bottom: 56.25%; position: relative;
    margin: 50px 0;
}
iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* FORMS */
/* sovrascrivo il 'bold' di default */
form label { font-weight: 400 !important; }
/* impongo il font scelto */
.gfield_description { font-family: 'Oswald', sans-serif !important; }





/* * * * *
*
*
*
CLASSI, PROPRIETA' 
*
*
*
* * * * */

.inline-block {

	display: inline-block;
	max-width: 100%;
}





/* * * * *
*
*
*
MEDIAS
*
*
*
* * * * */

/* iPad */
@media only screen and (max-width: 768px) {

/* MENU */
nav[role="navigation"] { clear: both; margin-top: 40px; }
nav[role="navigation"] li { margin-bottom: 20px; }

/* PROGETTI */
.progetti li { /* owr */ /* 460/940 */ width: 48.936170212%; }
.progetti li:nth-child(3n + 0) { /* owr */ /* 20/940 */ margin: 0 2.127659574% 2.127659574% 0; }
.progetti li:nth-child(2n + 0) { margin-right: 0; }


}

/* iPhone */
@media only screen and (max-width: 480px) {



}

/* RETINA DISLPAY  */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

    /* logo */
    ?? {
        /*background: url("_img/logo@2x.png"); */
        /*background-size: ??px ??px;*/ /* dimensioni regolari, ma immagine doppia ( 2??x2?? ) */
    }
}





/* * * * *
*
*
*
FIXes 
*
*
*
* * * * */

/* CLEARFIX  */
/* (IE 6/7) */                                                                                                                                 /* (non-JS fallback) */
.cf { *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif"); *zoom: 1;}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* OVERFLOW */
                         /* (IE 6/7) */                                                                                                                           /* (non-JS fallback) */
.nbfc { overflow:hidden; *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif"); *zoom: 1; }

/* FIXes */