/*
Theme Name: Laura Luppi 2015
Theme URI: 
Author: Stefano Manenti
Author URI: http://www.stefanomanenti.it/
Description: 
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 

*/

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700|Roboto+Slab:400,700);

* {box-sizing:border-box;}

body {padding: 0; margin:0; font-family: 'Roboto', serif; font-weight: 300;}

a {outline : none; text-decoration: none;}
a:focus {outline: none;}
a:active, a:hover { outline: 0; }
a:hover {}

a img {outline : none;}
img { border: 0; outline: none; display: block; }

*:first-child {margin-top:0;}
*:last-child {margin-bottom:0;}

iframe {display: block; border:0;}

figure {margin:0;}
figure img{width: 100%; height: auto;}

.clear { clear: both; }
.no-border { border-right: 0; }

.breadcrumbs {}
	
.block { display: block; }

.print {display:none;}

.clear {clear: both;}

table { border-collapse: collapse;}

ul {padding: 0;}

/*----------------------------------------------------------------------*/

.cols {width: 100%;}
.cols>*:last-child, .cols .last {padding-right: 0;}
.cols>*:first-child, .cols .first {padding-left: 0;}

.cols-2>* {width: 48.5%; margin: 0 1.5%; float: left;}
.cols-3>* {width: 31.3333%; margin: 0 1.5%; float: left;}
.cols-4>* {width: 22.75%; margin: 0 1.5%; float: left;}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

body {color:#333; padding-top: 31px;}

.wrapper {width: 960px; margin: 0 auto;}

body>header img {margin: 0 auto; width: 854px; display: block;}

body>footer {background: #dbdbdb; color:#333; padding: 15px 0; font-size: 16px;}
body>footer div {text-align: center;}
body>footer a {display: inline-block; vertical-align: middle; padding: 0 0 0 10px;}

.banner_home {margin: 27px auto;}

h1, h2, h3 {font-weight: normal;}
h5 {font-size: 35px; color:#493781;}
/*----------------------------------------------------------------------*/

body>.wrapper>header {overflow: hidden; margin: 31px 0;}
body>.wrapper>header h3 {color:#181818; font-family:'Roboto slab', serif; font-size: 31px; text-align: center; float: right; line-height: 35px;}

/*----------------------------------------------------------------------*/

main>.aside {width: 200px; float: left;}
main>div, main>article, main>h1 {margin-left:350px;}

main .cols-2>* {height: 435px; border-bottom: 1px solid #efefef; width: 50%; padding: 31px; margin: 0;}
main .cols-2>* figure{width: 100%; height: 200px; overflow: hidden;}
main .cols-2>*:nth-child(odd) {padding-left: 0; border-right: 1px solid #efefef;}
main .cols-2>*:nth-child(even) {padding-right: 0;}
main .cols-2>article>a {color:#333;}

main>article {padding-bottom: 31px;}
main>article figure{width: 100%; height: auto; overflow: hidden;}
main>article h1{font-size:31px; color:#181818; font-weight: normal;}
main>article a {color:#333;}
main>article a.link_esterno {color:#C01214; font-style: italic;}
main>article a.link_esterno:hover {}

main>div>article figure{width: 100%; height: auto; overflow: hidden;}
main>div>article h2{font-size:25px; color:#777;}

.home article {font-size:17px;}
.home article h2 {font-size:21px; color:#777; font-weight: normal; margin: 13px 0 9px;}
.home article p {margin: 9px 0 0;}

.archive h1 {margin-top: 0;}
.archive article {font-size:17px; border-bottom:1px solid #ccc; padding-bottom: 31px; margin-bottom: 31px;}
.archive article h2{font-size:27px; color:#777; font-weight: normal; margin-bottom: 17px;}

article>a:hover h1 {color:#181818;}
article>a:hover h2 {color:#181818;}
article>a:hover h3 {color:#181818;}
article>a:hover img {opacity: 0.7;}

.single main article a:hover {color:#C01214;}

article.sticky {overflow: hidden; margin-left: 0;}
article.sticky>a {color:#333;}
article.sticky figure{float:right; width: 610px; height: 350px; }
article.sticky h1 {font-size:25px; font-family:'Roboto slab', serif; color:#181818; margin-right: 641px; margin-top: 0; text-align: right; 
    font-weight: normal;}
article.sticky p {font-size:17px; margin-right: 641px; text-align: right;}

/* SIDEBAR -------------------------------------------------------------*/
main aside {width: 269px; float: left; padding-top: 31px; padding-bottom: 25px;}
main aside:first-child {padding-top: 0;}
main aside hr{width: 110px; margin: 31px auto; border: 0; background: #ccc; height: 1px;}
main aside h3 {color:#181818; font-family:'Roboto slab', serif; font-size: 31px; text-align: center; margin: 21px 0; line-height: 35px;}
main aside h3 a {color:#181818;}
main aside p {text-align: center; font-size:17px;}
main aside p [class^="icon-"], main aside p [class*=" icon-"] {height: 16px; width: 16px; display: inline-block;  fill: currentColor; color:#181818; color:#C01214;}
main aside .logo img {width: 180px; height: auto; margin: 0 auto;}
main aside .logo figcaption {color:#ddd; font-size: 11px; text-align: center;}
main aside ul#menu-main {list-style: none; text-align: center;}
main aside ul#menu-main li{display: block; font-family:'Roboto slab', serif; font-size: 17px; }
main aside ul#menu-main li:first-child {border: 0; padding-left: 0; margin-left: 0;}
main aside ul#menu-main li a{color:#181818;}
main aside ul#menu-main li a:hover{color:#C01214;}

main aside ul#menu-link {list-style: none; text-align: center;}
main aside ul#menu-link li{display: block; font-family:'Roboto slab', serif; font-size: 13px; }
main aside ul#menu-link li:first-child {border: 0; padding-left: 0; margin-left: 0;}
main aside ul#menu-link li a{color:#181818;}
main aside ul#menu-link li a:hover{color:#C01214;}

main aside>.social {text-align: center;}
main aside>.social>a {display: inline-block; color:#181818; padding: 0 7px;}
main aside>.social>a:hover {color:#C01214;}
main aside>.social [class^="icon-"], main aside [class*=" icon-"] {height: 32px; width: 32px; display: inline-block;  fill: currentColor;}

body.fixSide main aside {position: fixed; top: -234px;}
body.fixSide main.sticky aside {position: fixed; top: -265px;}

.pagination {clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; overflow: hidden;}
.pagination span, .pagination a {display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; background: #181818; color:#fff;}
.pagination a:hover{color:#fff; background:#C01214;}
.pagination .current{padding:6px 9px 5px 9px; color:#181818; background: none;}

.addthis_toolbox {display: table; content:'';}
.addthis_toolbox .atclear {display: none;}