@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');


body {
	font-family: "EB garamond";
	font-weight: 400;
	font-size: 20px;
	line-height: 1.3em;
	color:#575757;
	background: #fff;
	
}

.container-xl { 
	max-width:1400px; 
	background: #fff;
  box-shadow: 0 0 40px rgba(0,0,0,0.15);
}

.text-blanc { color: #ffffff; }
.color-fons-blanc {	background-color: #ffffff!important; }
.color-fons-base {	background-color: #294C60!important; }
.color-text-base { color: #294C60!important; }
.color-borde-base { border-color: #294C60!important; }
.color-fons-base-clar {	background-color: rgba(0, 75, 97, 0.05); }
.color-fons-secun {	background-color: rgba(0, 75, 97, 0.15); }
.color-fons-base-recensio {	background-color: #1DD3B0!important; }
.color-text-base-recensio { color: #1DD3B0!important; }
.color-borde-base-recensio { border-color: #1DD3B0!important; }
.color-fons-base-clar-recensio {	background-color: rgba(0, 212, 176, 0.05); }

.xines { font-family: 'Noto Serif SC'; }

.toc {
	border-right: solid 1pt #eee;
}

#barra-sup {
	background: #294C60;
	color:#fff;
	max-width: 1400px;
  margin: 0 auto;
	font-family: "Nunito";
	font-weight:200;
	font-size: 13px;
  line-height: 1.3em;
}

.recensio { background: #1DD3B0!important; }

.meta {
	background:#fafafa;
}

.meta>div:nth-child(1) {
	padding-top:70px;
}

.meta-item {
	color:#294C60;
	font-family: "Nunito";
	font-weight:700;	
	font-size: 20px;
}

.meta-autor {
	font-family: "Nunito";	
	font-size: 18px;
	line-height:1.2em;
}

.meta-item img { vertical-align: baseline; }

.borde-punts { 
	border-top: dotted 4pt #1DD3B0;
	border-bottom: dotted 4pt #1DD3B0;
}

.titol-llibre {
	font-family: "Nunito";
	font-weight:700;
	color:#1DD3B0;
	font-size: 24pt; 
	letter-spacing: -0.5pt;
	line-height:1.1em;
}

.subtitol-llibre {
	font-family: "Nunito";
	font-weight:700;
	color:#1DD3B0;
	font-size: 18pt; 
	letter-spacing: -0.5pt;
	line-height:1.1em;
}

.autor-llibre {
	font-family: "Nunito";
	font-weight:700;
	color:#575757;
	font-size: 18pt; 
	letter-spacing: -0.5pt;
	line-height:1.1em;
	margin-top:5px;
	margin-bottom:5px;
}

.autor-recensio {
	font-family: "Nunito";	
}

.sticky-top { top:80px; }

#sidebar-toggle {
		font-family: "Nunito";
		font-weight: 400;
		font-size: 16px;
		color:#294C60;
		border: solid 1px #294C60;
    padding: 10px 30px;
    border-radius: 22px;
    width: 90%;
    display: block;
    margin: 0 auto;
    outline: none;
}

@media screen and (min-width: 768px) {
	#sidebar-toggle { display:none; }
}

#sidebar {
	font-family: "Nunito";
	font-weight:400;
	font-size: 16px;
	letter-spacing: -0.3pt;
	line-height: 1.3em;
  max-height: calc(100vh - 120px);
	overflow-y:auto;
}

#sidebar a { 
	width:100%; 
	border: 0 #fff solid;
  border-left-width: 5px;
	color:#575757;
	padding: 6px 10px;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#sidebar a:hover { 
	color: #294C60;
	background:rgba(0, 75, 97, 0.05);
}

#sidebar a.active {
	border: 0 #294C60 solid;
  border-left-width: 5px;
	color:#294C60;
	background:rgba(0, 75, 97, 0.05);
}

p { 
	margin-bottom: 18px;  
	text-align:justify;	
}
a { color: #294C60; }
a:hover { color: #294C60; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 {
	margin: 40px 0 20px 0;
	font-family: "Nunito";
	font-weight:700;
	color:#294C60;
}
h1 { 
	font-size: 20pt; 
	letter-spacing: -0.5pt;
}
h2, h3, h4 { 
	font-size: 16pt; 
	letter-spacing: -0.3pt;
}
h4, h5, h6 {
	margin: 20px 0 20px 0;
}
.titol-article {
	font-family: "Nunito";
	font-weight:700;
	color:#294C60;
	font-size: 26pt; 
	letter-spacing: -0.5pt;
	line-height:1.1em;
}
.titol-article-trans { text-transform:none; }



/* BACK TO TOP */

.scroll {
    color: #fff;
    margin-top: 100px;
}

#toTopBtn {
		display:none;
		border-radius:50%;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 98;
    padding: 21px;
    /*background-color: rgba(0, 75, 97, 0.8);*/
}

.js .cd-top--fade-out {
    opacity: .5;
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1;
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s;
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background: url(cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, .8);
    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8);
}



/* POPOVERS */
a[data-toggle="popover"] { cursor: pointer; outline:none; }
.popover {
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,.15)!important;
}
p.footnote {
	text-align:left!important;
	margin-bottom:0px;
	font-family: "EB garamond";
	font-weight: 400;
	font-size:16px;
	line-height: 1.2em;
	color:#575757;
}



/* SCROLLBAR SIDEBAR*/
#sidebar::-webkit-scrollbar {  width: 10px; }
#sidebar::-webkit-scrollbar-track {  background: #f5f5f5; border-radius:5px;  }
#sidebar::-webkit-scrollbar-thumb {   background: #ddd; border-radius:5px; }
#sidebar::-webkit-scrollbar-thumb:hover {  background: #ccc;  border-radius:5px; }



/* CITES */
.cita-content {
	padding-left:10%;
}

.cita-attrib {
	text-align:right;
	font-weight:700;
	margin-bottom:18px;
}




/* TAULES */
.titol-media {
  font-family:Nunito; 
  font-weight:700; 
  font-size: 18px;
  text-align:center; 
  padding-bottom:5px;
}
th, td {
  padding:5px; 
  vertical-align:middle; 
  text-align:center; 
  border:0; 
  border-bottom:solid 0.5pt #294C60; 
  border-top:solid 0.5pt #294C60;  
}
th {
  background-color:#e9edef; 
}