/* (c)2014 Kalamun.org GPLv3 */

/* INIT */

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background: transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
::-moz-selection {
    color: #01456C;
    background: #ffc;
}
::selection {
    color: #01456C;
    background: yellow;
}
html,body {
	width:100%;
	height:100%;
	}
body {
	line-height:1;
	font-size:12pt;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	}
ol,ul {
	padding-left:2em;
	}
li {
	margin:.3em;
	}
blockquote {
	quotes: none;
	}
blockquote:before,blockquote:after {
	content:'';
	content:none;
	}
:focus {
	outline:0;
	}
table {
	border-style:none;
	border-collapse:separate;
	border-spacing:0;
	border:0;
	max-width: 100%;
	}
table td {
	padding:2px;
	vertical-align:top;
	}
img {
	vertical-align:middle;
	border:0;
	}
img.loaded {
	opacity:1;
	}
.page-content table img {max-width:none;}
h1,h2,h3,h4,h5,h6 {
	font-family:Quando;
	font-weight:normal;
	padding:0;
	}
h1 {
	font-size:2.5em;
	line-height:1em;
	}
h2 {
	font-size:2.2em;
	line-height:1em;
	}
h3 {
	font-size:1.4em;
	line-height:1em;
	}
h4 {
	font-size:1.3em;
	line-height:1em;
	}
h5 {
	font-size:1.2em;
	line-height:1em;
	}
h6 {
	font-size:1.1em;
	line-height:1em;
	}
p {
	margin:.8em 0;
	}
small {
	font-size:.85em;
	}
iframe {
	max-width:100%;
	}


/* color palette */

body {
	--main-background: #fff;
	--second-background: #f3f3f3;
	--text-color:#222;
	--blue:#2f77a9;
	--light-blue:#191933;
	--dark-grey:#838396;
}

/* typography */

@font-face {
    font-family: 'Quando';
    src: url('../fonts/quando-regular-webfont.woff2') format('woff2'),
		 url('../fonts/quando-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fontello';
    src: url('../fonts/fontello.woff2?2147985792385') format('woff2'),
         url('../fonts/fontello.woff?2147985792385') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.icon, .fontello {
	font-family: 'Fontello';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height:0;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
.icon-kalamun:before { content: '\e800'; } /* '� �' */
.icon-mail-alt:before { content: '\e801'; } /* '� �' */
.icon-star:before { content: '\e802'; } /* '� �' */
.icon-users:before { content: '\e803'; } /* '� �' */
.icon-ok:before { content: '\e804'; } /* '� �' */
.icon-cancel:before { content: '\e805'; } /* '� �' */
.icon-home:before { content: '\e806'; } /* '� �' */
.icon-lock:before { content: '\e807'; } /* '� �' */
.icon-tags:before { content: '\e808'; } /* '� �' */
.icon-chat:before { content: '\e809'; } /* '� �' */
.icon-attention:before { content: '\e80a'; } /* '� �' */
.icon-trash:before { content: '\e80b'; } /* '� �' */
.icon-doc-inv:before { content: '\e80c'; } /* '� �' */
.icon-menu:before { content: '\e80d'; } /* '� �' */
.icon-basket:before { content: '\e810'; } /* '� �' */
.icon-logout:before { content: '\e811'; } /* '� �' */
.icon-up-big:before { content: '\e812'; } /* '� �' */
.icon-newspaper:before { content: '\e813'; } /* '� �' */
.icon-user:before { content: '\e814'; } /* '� �' */
.icon-vcard:before { content: '\e815'; } /* '� �' */
.icon-search:before { content: '\e816'; } /* '� �' */
.icon-info-circled:before { content: '\e81a'; } /* '� �' */
.icon-bell-alt:before { content: '\e81b'; } /* '� �' */
.icon-phone:before { content: '\e81c'; } /* '� �' */
.icon-clock:before { content: '\e81d'; } /* '� �' */
.icon-angle-down:before { content: '\e81e'; } /* '� �' */
.icon-angle-up:before { content: '\e81f'; } /* '� �' */
.icon-ticket:before { content: '\e820'; } /* '�  ' */
.icon-credit-card:before { content: '\e821'; } /* '� �' */
.icon-tag:before { content: '\e825'; } /* '� �' */
.icon-arrow-combo:before { content: '\e826'; } /* '� �' */
.icon-calendar:before { content: '\e827'; } /* '� �' */
.icon-angle-right:before { content: '\e828'; } /* '� �' */
.icon-angle-left:before { content: '\e829'; } /* '� �' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */


/* tags */
body {
	font-family: "NotoSerif", serif;
	font-size:16px;
	line-height:1.6em;
	color:var(--text-color);
	margin:0;
	padding:0 !important;
	background:var(--main-background);
	}
body.admin-bar {
	}
a {
	color:var(--blue);
	text-decoration:none;
	}
a:hover {
	color:var(--light-blue);
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
	line-height:1.2em;
	margin:40px 0 10px 0;
	font-weight:normal;
	color:var(--text);
	font-family:Quando;
	}
h1 {
	font-size:3rem;
	}
h2 {
	font-size:2.3rem;
	}
h3 {
	font-size:1.8rem;
	}
h4 {
	font-size:1.6rem;
	}
h5 {
	font-size:1.4rem;
	}
h6 {
	font-size:1.2rem;
	}

blockquote {
	position:relative;
	color:#666;
	padding: 0 80px;
	margin: 30px 0;
	font-size: 1.2rem;
	line-height: 1.4em;
}
blockquote:before {
	content:'“';
	position:absolute;
	left:0;
	top:30px;
	font-size:5em;
	color:#ccc;
}
blockquote:after {
	content:'„';
	position:absolute;
	right:0;
	bottom:30px;
	font-size:5em;
	color:#ccc;
}
input,select,textarea {
	background-color:#f0f0f0;
	border:0;
	font-family: "NotoSerif", serif;
	padding:10px 20px;
	font-size:1rem;
	width:200px;
	resize:none;
	border-radius: 5px;
	}
input:focus,select:focus,textarea:focus {
	background-color:#fff;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
	}
input[type=submit],
input[type=button],
a.button {
	background-color:var(--light-blue);
	padding:10px 20px;
	font-size:1.2rem;
	font-family:"NotoSerif";
	color:#fff;
	display:inline-block;
	text-align:center;
	width:auto;
	cursor:pointer;
	}
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover {
	background-color:var(--blue);
	}

a.button.border {
	border: 1px solid var(--blue);
	border-radius: 5px;
	padding: 3px 15px;
	display: inline-block;
	box-shadow: none;
	text-shadow: none;
	color: var(--blue);
	font-family: "NotoSerif";
}
input[type=checkbox] {
	position:absolute;
	left:-3000px;
	}
input[type=checkbox] + label:before {
	content:'';
	width:20px;
	height:20px;
	border-radius: 5px;
	background-color:#f0f0f0;
	margin-right:6px;
	display:inline-block;
	vertical-align:top;
	color: #000;
	font-size: 1.5rem;
	text-align: center;
}
input[type=checkbox]:checked + label:before {
	content:'✓';
	background-color:#fff;
}

select {
	width:auto;
	max-width:100%;
	}
textarea {
	width:100%;
	height:200px;
	}
label {
	display:inline-block;
	font-size:1rem;
	line-height:1.5rem;
	cursor:pointer;
	font-family:"NotoSerif";
}
cite {
	display:inline-block;
	font-size:.8em;
	color:#5A6567;
	width:80%;
	margin:10px 0;
	}
quote {
	width:30%;
	display:block;
	font-size:2em;
	margin:20px;
	padding:10px 0;
	border:5px solid #5A6567;
	border-left:0;
	border-right:0;
	}
.separator {
	padding:60px 0;
	background-color:#0070AE;
	text-align:center;
	background:url('../img/hbkg2.jpg') center center no-repeat #f0f0f0;
	background-size:cover;
	}
.separator svg {
	width:70px;
	height:70px;
	overflow:hidden;
	}

/* grid */
.row { max-width:1200px; position:relative; clear:both; margin:0 auto; opacity:1; }
.row:after { content: ''; display: block; clear: both; }
.row.full-width { max-width:100%; width:100%; }
.column { float:left; }
.clearBoth { clear:both; }
.grid { margin:0 15px; position:relative; }
.grid.center {	margin:0 auto !important; }
.grid.nomargin { margin:0; }
.grid img,.grid object,.grid element,.grid iframe { max-width:100%; height:auto; }
.grid object,.grid element,.grid iframe { min-height:400px; }
.grid object,.grid element { min-height:300px; }
.grid>h1:first-child,.grid>h2:first-child,.grid>h3:first-child,.grid>h4:first-child,.grid>h5:first-child,.grid>h6:first-child { margin-top:0; }
.grid.w1 { width:calc(8.3333% - 30px); }
.grid.w2 { width:calc(16.6666% - 30px); }
.grid.w3 { width:calc(25% - 30px); }
.grid.w4 { width:calc(33.3333% - 30px); }
.grid.w5 { width:calc(41.6665% - 30px); }
.grid.w6 { width:calc(50% - 30px); }
.grid.w7 { width:calc(58.3335% - 30px); }
.grid.w8 { width:calc(66.6667% - 30px); }
.grid.w9 { width:calc(75% - 30px); }
.grid.w10 { width:calc(83.3334% - 30px); }
.grid.w11 { width:calc(91.6667% - 30px); }
.grid.w12 { width:calc(100% - 30px); }
.grid.w1.nomargin { width:8.3333%; }
.grid.w2.nomargin { width:16.6666%; }
.grid.w3.nomargin { width:25%; }
.grid.w4.nomargin { width:33.3333%; }
.grid.w5.nomargin { width:41.6665%; }
.grid.w6.nomargin { width:50%; }
.grid.w7.nomargin { width:58.3335%; }
.grid.w8.nomargin { width:66.6667%; }
.grid.w9.nomargin { width:75%; }
.grid.w10.nomargin { width:83.3334%; }
.grid.w11.nomargin { width:91.6667%; }
.grid.w12.nomargin { width:100%; }
.grid.o1 { margin-left: calc( 15px + 8.3333% ); }
.grid.o2 { margin-left: calc( 15px + 16.6666% ); }
.grid.o3 { margin-left: calc( 15px + 25% ); }
.grid.o4 { margin-left: calc( 15px + 33.3333% ); }
.grid.o5 { margin-left: calc( 15px + 41.6665% ); }
.grid.o6 { margin-left: calc( 15px + 50% ); }
.grid.o7 { margin-left: calc( 15px + 58.3335% ); }
.grid.o8 { margin-left: calc( 15px + 66.6667% ); }
.grid.o9 { margin-left: calc( 15px + 75% ); }
.grid.o10 { margin-left: calc( 15px + 83.3334% ); }
.grid.o11 { margin-left: calc( 15px + 91.6667% ); }
.grid.padding-15 { padding:15px; }
.grid.padding-30 { padding:30px; }
.grid.padding-60 { padding:60px; }
.margin-top-0 { margin-top:0 !important; }
.margin-bottom-0 { margin-bottom:0 !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-top-30 { margin-top:30px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }
.grid.padding-60 { padding:60px !important; }
.margin-top-60 { margin-top:60px !important; }
.margin-bottom-60 { margin-bottom:60px !important; }
.grid.padding-90 { padding:90px; }
.margin-top-90 { margin-top:90px; }
.margin-bottom-90 { margin-bottom:90px; }
.grid.padding-120 { padding:120px; }
.margin-top-120 { margin-top:120px; }
.margin-bottom-120 { margin-bottom:120px; }
.hidden { display:none; }
.clear-both { clear:both; }
.alignleft { float:left; margin:0 20px 10px 0; }
.alignright { float:right; margin:0 0 10px 20px; }
.aligncenter, img.aligncenter, object { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
h1 + h2, h1:first-child, h2 + h3, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:0; }

.row.flex {
	display:flex;
	flex-wrap: wrap;
}

.grid-2-cols .grid:nth-child(2n+1) {
	clear:both;
}
.grid-3-cols .grid:nth-child(3n+1) {
	clear:both;
}
.grid-4-cols .grid:nth-child(4n+1) {
	clear:both;
}
.grid-5-cols .grid:nth-child(5n+1) {
	clear:both;
}
.grid-6-cols .grid:nth-child(6n+1) {
	clear:both;
}

.two-columns {
	columns:2;
}
.four-columns {
	columns:4;
}

.first-letter {
	margin:0;
	padding:0;
	border-radius:5px;
	background:#eee;
	cursor:pointer;
}
.first-letter li:hover {
	background:rgba(255,255,255,.5);
}
.first-letter li {
	display:inline-block;
	padding:1px 5px;
	border-radius:4px;
}
.first-letter li.sel {
	color:var(--blue);
	background-color:#fff;
}

.libro-in-elenco {
	line-height:1.2em;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
	margin-bottom:15px;
	padding-right:20px;
}
.libro-in-elenco small {
	color:var(--text-color);
}

.grey .libro {
	text-align:center;
}
.grey .libro .featured-image {
	text-align:center;
}
.grey .libro .featured-image img {
	height:200px;
}
.grey .libro h3 {
	font-size:1.3rem;
	margin:10px 0;
}

.inner-shadow-left {
	padding-left:40px;
	background-image: radial-gradient(ellipse 30px 50% at 0px 50% , rgba(0,0,0,.05) 0%, transparent 100%);
}

body .desktop-hidden {
	display:none !important;
}

.clearBoth,
.clear-both {
	clear:both;
	}
.alignleft {
	float:left;
	margin:0 20px 10px 0;
	}
.alignright {
	float:right;
	margin:0 0 10px 20px;
	}
.aligncenter,
img.aligncenter,
.page-content object {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}
.page-content img.aligncenter {
	width:100%;
}
.thumb {
	max-width:200px;
	overflow:hidden;
}


/* header */
header {
	padding:0;
	color:var(--text-color);
	font-size:1.2rem;
	font-family:"NotoSerif";
	background:transparent;
	color:var(--main-background);
	width:100%;
	z-index:1000;
	top:0;
	left:0;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s, background-color .5s;
	transition: -webkit-transform .5s, background-color .5s;
	transition: transform .5s, background-color .5s;
}

header .logo {
	height:30px;
	width:auto;
}

header a {
	color:var(--text-color);
}
header a.sel {
	color:var(--blue);
}
header a:hover {
	color:var(--blue)!important;
}

header .row {
	padding-top: 5px;
	padding-bottom: 5px;
}
header.is-scrolling .row {
	border-bottom:0;
}

header .site-name {
	position:relative;
	z-index:10;
	font-family:"NotoSerif";
	padding:10px 0;
}
section.cover {
	width:100%;
	height:700px;
	position:relative;
	overflow:hidden;
}
.home section.cover {
	height:90vh;
}
section.cover.small {
	height:300px;
}
section.cover.small h1 {
	color:#fff;
}
section.cover img.cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
section.cover .site-name {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 50%;
	text-align: right;
	font-size: 3.2rem;
	line-height: .7em;
	transform: translateY(-40%);
}
section.cover .site-name span {
	color:var(--light-blue);
}
section.cover .site-name small {
	font-size:2rem;
}

header.is-scrolling {
	background-color:#fff;
}
header.is-scrolling.is-hidden {
	transform:translateY(-100%);
}

.home header .site-name {
	opacity:0;
	transition:opacity .3s;
}
.home header.is-scrolling .site-name {
	opacity:1;
}


header small,
header ul#secondary {
	font-size:1rem;
}

#navbar-container {
	position:relative;
	z-index:10;
	text-align:right;
	font-family:Quando;
	text-transform:lowercase;
}

.menu-menu-principale-container,
.menu-menu-secondario-container {
	display:inline-block;
	margin-left:20px;
	color:var(--blue);
}

#navbar-container ul {
	padding:0;
	margin:0;
	list-style:none;
	font-size:1rem;
}
#navbar-container ul li {
	position:relative;
	display:inline-block;
	margin: 0 10px;
	line-height: 1.4rem;
	padding: 0;
}
#navbar-container ul li ul {
	position:absolute;
	top:100%;
	left:0;
	background:#f0f0f0;
	text-align: left;
	white-space: nowrap;
	font-size: .9em;
	display:none;
	box-shadow: 0 5px 5px -2px rgba(0,0,0,.2);
	font-family: NotoSerif;
	font-size: .8em;
	line-height: 1.2em;
	padding: 5px 0;
}
#navbar-container ul li:hover > ul {
	display:block;
}
#navbar-container ul li ul li {
	display:block;
}

#navbar-container #secondary ul li {
	margin: 0 5px;
}
#navbar-container ul a {
	display:block;
	padding:10px;
}
#navbar-container ul a:hover {
	color:var(--light-blue);
}
ul#secondary .icon {
	overflow:hidden;
	vertical-align:middle;
}
ul#secondary .icon:before {
	width: 1em;
	display: block;
	text-align: center;
	line-height: 1em;
}
ul#secondary .icon {
	position:relative;
}
ul#secondary .icon a {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	color:transparent;
	z-index:10;
}
ul#secondary .icon:hover:before {
	color:var(--light-blue);
}

section {
	position:relative;
}
section.white {
	background-color:#fff;
	padding:30px 0;
}
section.white h2 {
	margin:50px 0;
}
section.grey {
	background-color:#f0f0f0;
	padding:40px 0;
}
section.grey h2 {
	color:#999;
	text-align:center;
	font-size:1.4rem;
	padding-bottom:20px;
	border-bottom:4px solid #ddd;
}
section.blue {
	background-color:var(--light-blue);
	color:var(--dark-grey);
	padding:50px;
	overflow:hidden;
}
section.fuxia {
	color:#fff;
	padding:50px;
	background: #b561a8; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #b561a8 0%, #950068 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #b561a8 0%,#950068 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #b561a8 0%,#950068 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b561a8', endColorstr='#950068',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section .bkg-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
}

.quote {
	position:relative;
	z-index:10;
	padding: 50px 0;
	min-height: 300px;
}
.quote p {
	font-size: 1.8rem;
	line-height: 1.2em;
	text-align: center;
	padding: 0 50px;
}
.quote p:before {
	content:'“';
	position:absolute;
	top:-1rem;
	left:-1rem;
	font-size:7rem;
}
.quote p:after {
	content:'”';
	position:absolute;
	bottom:-1rem;
	right:-1rem;
	font-size:7rem;
}
.quote small {
	display: block;
	text-align: right;
	font-size: 1rem;
	padding-right: 80px;
}

.title {
	margin-top:50px;
	margin-bottom:80px;
}

.recensioni .libro {
	text-align:center;
	margin-bottom:80px;
}
.recensioni .libro h2 {
	font-size:1.2rem;
	margin:15px 0 0 0;
}
.recensioni .libro .featured-image img {
	height:200px;
	width:auto;
}
.recensione .featured-image {
	text-align:center;
}
.recensione .featured-image img {
	height:400px;
	width:auto;
	transform:rotate(-2deg);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
}

.recensione ul.meta {
	list-style:none;
	padding:0 15px;
	margin:0;
	font-size:.8rem;
	line-height:1.2em;
	margin-top:30px;
	text-align:center;
}
.recensione ul.meta li {
	border-top:1px solid #eee;
	padding:10px;
}
.recensione ul.meta li:first-child {
	border-top:0;
}

.apprezzamento {
	margin:0px 20px;
	padding:0 15px;
	font-size:.9rem;
}
.apprezzamento .voto {
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #e0e0e0;
	padding:2px 10px;
}
.apprezzamento .voto:first-child {
	padding-right:0;
}
.apprezzamento .voto:last-child {
	padding-left:0;
}

.apprezzamento img,
.libro .apprezzamento,
.grey .apprezzamento {
	height:50px;
	width:50px;
	border-radius:50%;
	overflow:hidden;
	margin:0 10px;
	z-index:100;
}
.apprezzamento.Alto img,
.libro .apprezzamento.alto,
.grey .apprezzamento.alto {
	background:#00ca00;
}
.apprezzamento.Basso img,
.libro .apprezzamento.basso,
.grey .apprezzamento.basso {
	background:#ca0000;
}

.libro .apprezzamento {
	position:absolute;
	top:-10px;
	right:10px;
	padding:0;
	width:70px;
	height:70px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
}
.grey .apprezzamento {
	padding:0;
	width:70px;
	height:70px;
}

.libro .featured-image a,
.libro-in-elenco {
	position:relative;
}
.libro.Alto .featured-image a:before,
.libro.Basso .featured-image a:before,
.libro-in-elenco.Alto:before,
.libro-in-elenco.Basso:before {
	content:'';
	position:absolute;
	top:5px;
	left:-10px;
	width:15px;
	height:15px;
	background:#00ca00;
	border-radius:50%;
	z-index:100;
}
.libro.Basso .featured-image a:before,
.libro-in-elenco.Basso:before {
	background:#ca0000;
}
.libro-in-elenco.Alto:before,
.libro-in-elenco.Basso:before {
	left:-10px;
	width:5px;
	height:5px;
}


.bests-and-beasts {
	text-align:center;
	line-height:1em;
}
.bests-and-beasts .grid {
	margin-top:20px;
	margin-bottom:20px;
}
.bests-and-beasts .featured-image {
	text-align:center;
}
.bests-and-beasts .featured-image a {
	display:inline-block;
	position:relative;
}
.bests-and-beasts .featured-image img {
	position:relative;
	height:80px;
	width:auto;
	display:inline-block;
	
}

.overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding: 50px 100px 0 100px;
	text-align: center;
}
.overlay h2 {
	font-size:1.6rem;
}
.overlay:before {
	content:'';
	position:absolute;
	top:-4px;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
}
.overlay .next-date {
	color: #888;
	font-size: .8rem;
	border-top: 1px solid #ddd;
	display: inline-block;
	line-height: 1.2em;
	padding: 10px 0;
}

.page-info {
	background:#f8f8f8;
	padding:30px;
	font-size:.9rem;
	color:#666;
	line-height:1.6em;
	text-align:center;
}
.white .page-info h2 {
	font-size:1.2rem;
	margin-top:0;
	margin-bottom:10px;
}

	
/* footer */
footer {
	margin:70px 0 0 0;
	padding:20px 0;
	font-size:.85rem;
	line-height:1.4em;
	text-align:center;
	}
footer img {
	height:30px;
}
footer h2 {
	color:var(--second-background);
	font-size:1.2rem;
}
footer a {
	color:var(--light-blue);
	}
footer ul {
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
}
footer ul li {
	display:inline-block;
	font-size:.6rem;
}

#goToTop {
	width:32px;
	height:32px;
	padding:8px;
	position:fixed;
	bottom:10px;
	right:10px;
	background-color:rgba(24,24,24,.7);
	color:#f7f7f5;
	z-index:1000;
	opacity:0;
	transition:opacity .3s ease-in-out;
	border-radius:5px;
}
.is-scrolling #goToTop {
	opacity:1;
}


/* other */
div.fb-post>span {
	max-width:100%;
}
.socialshare {
	margin:15px 0;
	padding:15px 0;
	text-align: center;
	font-family: "NotoSerif";
}
.socialshare .share {
	display:inline-block;
	margin-left:5px;
}
.socialshare .share a {
	display:block;
	color:#aaa;
	position:relative;
	line-height:1em;
	box-shadow:none;
	text-shadow:none;
}
.socialshare .share a:before {
	display:inline-block;
	padding:4px 12px;
	text-align:center;
	background-color:#aaa;
	color:#fff;
	line-height:2em;
	width:1em;
	height:auto;
	box-sizing:content-box;
	font-family:'Fontello';
}
.socialshare .share.facebook a:before {
	content:'\f09a';
	background-color:#415E9B;
	border-radius:50%;
}
.socialshare .share.twitter a:before {
	content:'\F309';
	background-color:#55ACEE;
	border-radius:50%;
}
.socialshare .share.linkedin a:before {
	content:'\F318';
	background-color:#1582BB;
	border-radius:50%;
}
.socialshare .share:hover a:before {
	background-color:#444;
}


.page-content table {
	table-layout: fixed;
	max-width:100%;
	width:auto;
	font-size: .9rem;
	line-height: 1.2em;
	border:1px solid #ddd;
}
.page-content table th,
.page-content table td {
	width:25%;
	border-bottom:1px solid #ddd;
	padding:10px;
	text-align:left;
}
.page-content table th {
	text-align:center;
	font-weight:normal;
	color:#fff;
	background-color:#0070ae;
	border-color:#00609e;
}


a.button {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	margin:0 2px;
	background-color:var(--blue);
	border-radius:4px;
	text-shadow:none;
	box-shadow:none;
	padding:17px 30px;
	transition:background-color .3s;
	text-shadow:none;
	font-family:"NotoSerif";
	white-space:nowrap;
}
a.button:hover {
	background-color:var(--light-blue);
	color:#fff;
}
a.button.small {
	padding:3px 15px;
	font-size:1.1rem;
	line-height:1.5em;
}

.titleBox.page .row {
	z-index:100;
}

.filetype-svg {
	padding:10px 50px;
}

#mobile-menu-switcher {
	display:none;
	position: fixed;
	top: 10px;
	right: 15px;
	color: var(--blue);
	padding:10px;
	font-size: 2rem;
	line-height: 1em;
	z-index: 100;
}


/* tablet landscape */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
{
}

/* tablet portrait */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait)
{
}


/* iphone */
@media only screen 
and (max-width : 667px) {
	
	body .mobile-hidden {
		display:none !important;
	}
	body .desktop-hidden {
		display: block !important;
	}
	
	header {
		padding:10px;
	}
	header a, .logo a {
		font-size: 1rem;
	}
	header .row {
		border-bottom: 0;
		padding: 0 10px;
	}

	#navbar-container {
		position: fixed !important;
		top: 0;
		right: -90%;
		width: 90%;
		height: 100vh;
		overflow: auto;
		padding: 20px;
		z-index: 1000;
		background: #222;
		transition:right .3s ease-in-out;
	}
	header:hover #navbar-container {
		right:0;
	}
	header.is-scrolling.is-hidden:hover {
		transform:translateY(0);
	}
	#navbar-container ul li a {
		padding:0px 5px;
		color:#fff;
		font-size: 1.5rem;
		line-height: 1em;
		margin: 20px 0;
		text-align: left;
	}
	#navbar-container ul li ul li a {
		padding:10px;
	}
	.menu-menu-principale-container,
	.menu-menu-secondario-container {
		display:block;
	}
	#navbar-container .menu-menu-principale-container ul li {
		display:block;
	}
	ul#secondary .icon::before {
		color: #fff;
	}
	#navbar-container ul li.menu-item-has-children > a {
		margin-bottom:0;
	}
	#navbar-container ul li ul {
		display: block;
		background: transparent;
		font-family: "NotoSerif";
		position: relative;
		box-shadow: none;
		margin: 0 0 10px 0;
	}
	#navbar-container ul li ul li {
		margin:0 0 0 30px;
	}
	#navbar-container ul li ul li a {
		font-size:.9em;
		padding:0;
	}
	.menu-menu-secondario-container {
		text-align:center;
		border-top:1px solid #666;
		padding:10px;
	}
	
 	.row { position:relative; clear:both; margin:0 auto; width:100%; padding:0; }
	.column { float:none; }
	.grid { margin:0 15px; position:relative; }
	.grid.w1,.grid.w2,.grid.w3,.grid.w4,.grid.w5,.grid.w6,.grid.w7,.grid.w8,.grid.w9,.grid.w10,.grid.w11,.grid.w12,
	.grid.w1.nomargin,.grid.w2.nomargin,.grid.w3.nomargin,.grid.w4.nomargin,.grid.w5.nomargin,.grid.w6.nomargin,.grid.w7.nomargin,.grid.w8.nomargin,.grid.w9.nomargin,.grid.w10.nomargin,.grid.w11.nomargin,.grid.w12.nomargin { width:100%; margin: 0; max-width: 100%; padding: 0 10px; }
	.grid.s1,.grid.s2,.grid.s3,.grid.s4,.grid.s5,.grid.s6,.grid.s7,.grid.s8,.grid.s9,.grid.s10,.grid.s11,.grid.s12 { float:left; }
	.grid.s1 { width:8.33%; }
	.grid.s2 { width:16.66%; }
	.grid.s3 { width:25%; }
	.grid.s4 { width:33.33%; }
	.grid.s5 { width:41.66%; }
	.grid.s6 { width:50%; }
	.grid.s7 { width:58.33%; }
	.grid.s8 { width:66.66%; }
	.grid.s9 { width:75%; }
	.grid.s10 { width:83.33%; }
	.grid.s11 { width:91.66%; }
	.grid.s12 { width:100%; }
	.grid.s1.nomargin,.grid.s2.nomargin,.grid.s3.nomargin,.grid.s4.nomargin,.grid.s5.nomargin,.grid.s6.nomargin,.grid.s7.nomargin,.grid.s8.nomargin,.grid.s9.nomargin,.grid.s10.nomargin,.grid.s11.nomargin,.grid.s12.nomargin { padding:0; }
	.grid.o1,.grid.o2,.grid.o3,.grid.o4,.grid.o5,.grid.o6,.grid.o7,.grid.o8,.grid.o9,.grid.o10,.grid.o11{ margin:0; }
	h1 + h2, h1:first-child, h2 + h3, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:20px; }
	.grid object, .grid element, .grid iframe { min-height: 180px; }
	.margin-top-15 { margin-top:7px; }
	.margin-top-30 { margin-top:15px; }
	.margin-top-60 { margin-top:30px; }
	.margin-top-90 { margin-top:45px; }
	.margin-top-120 { margin-top:60px; }
	.margin-bottom-15 { margin-bottom:7px; }
	.margin-bottom-30 { margin-bottom:15px; }
	.margin-bottom-60 { margin-bottom:30px; }
	.margin-bottom-90 { margin-bottom:45px; }
	.margin-bottom-120 { margin-bottom:60px; }
	
	.grid {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.grid .row,
	.grid .grid {
		margin:0 !important;
		padding:0 !important;
	}
	
	.wp-block-columns {
		display: block;
	}
	
	input, select, textarea {
		margin:10px 0;
	}
	
	#mobile-menu-switcher {
		display: block;
	}
	
	h1 {
		font-size:2rem;
	}
	h2 {
		font-size:1.6rem;
	}
	h3 {
		font-size:1.4rem;
	}
	h4 {
		font-size:1.2rem;
	}

	.home section.cover {
		height: 300px;
	}
	.home section.cover .site-name {
		font-size:1rem;
	}
	section.cover .site-name small {
		font-size: .7rem;
		padding-top: 10px;
		display: block;
	}
	
	.home .page-content.margin-top-60 {
		margin-top:0;
	}
	
	.home .page-content .alignright {
		margin:0 0 10px 0;
	}
	
	.wp-block-file a {
		display:block;
		text-align:center;
	}
	
	section.grey {
		padding: 30px 0;
	}
	section.grey h2 {
		padding:0 20px;
		margin-bottom:20px;
	}
	
	.equipe-member {
		margin:4%;
		width:40%;
	}
	.equipe-member:hover {
		transform:translateY(-100px);
	}

	.equipe-member .profile-picture img {
		width:70%;
	}
	
	section.blue,
	section.fuxia {
		padding:20px;
	}
	
	.quote p {
		font-size:1.2rem;
		line-height:1.2em;
		padding: 0 40px 0 0;
	}
	.quote small {
		display: block;
		font-size: .8rem;
		padding-right: 0;
		text-align: center;
	}
	.quote p:before {
		top: -1.5rem;
		left: calc(50% - 1rem);
		font-size: 4rem;
	}
	.quote p:after {
		bottom: -2.5rem;
		left: calc(50% - 1rem);
		right:auto;
		font-size: 4rem;
	}
	
	blockquote {
		position: relative;
		color: #666;
		padding: 0 0px;
		margin: 50px 0;
	}
	blockquote::before {
		top: -15px;
		font-size: 3em;
	}
	blockquote::after {
		bottom: -15px;
		font-size: 3em;
	}
	
	section.newsletter h2 {
		margin: 20px 0 5px 0 !important;
	}

	.home-libri .grid:first-child {
		text-align: left;
	}
	
	section.cover {
		width: 100%;
		height: 300px;
	}
	section.cover.small {
		height: 200px;
		margin-top:50px;
	}
	
	.overlay {
		position: relative;
		padding: 10px 0;
		top:0;
	}
	
	.slick-slide {
		width: 320px;
	}
	.libri .wp-block-column,
	.wp-block-column {
		margin: 0 5px;
	}
	
	.tournee h2 {
		margin:20px;
	}
	
	.inline-page-title {
		top: -30px;
		padding: 10px 0 0 0;
		text-align: center;
		position: relative;
	}
	
	.row.pagination {
		width:90%;
		margin:0 auto;
	}
}

/* iphone landscape */
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : landscape) {
}

/* iphone portrait */
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : portrait) {
}