* {
  margin: 0;
  padding: 0;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; }
  /* Hide scrollbar for Chrome, Safari and Opera */
  
*::-webkit-scrollbar {
  display: none;
}
/* dm-sans-regular - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/dm-sans-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dm-sans-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-sans-italic - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/dm-sans-v11-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dm-sans-v11-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-sans-500 - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/dm-sans-v11-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dm-sans-v11-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-sans-500italic - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/dm-sans-v11-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dm-sans-v11-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-sans-700 - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/dm-sans-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dm-sans-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-sans-700italic - latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/dm-sans-v11-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dm-sans-v11-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/Newsreader[opsz,wght].woff2") format("woff2-variations");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/Newsreader-Italic[opsz,wght].woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: italic;
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/inter-v12-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-500 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-600 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/inter-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-800 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/inter-v12-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inter-v12-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
  --padding: 1rem;
  --color-black: black;
  --color-white: white;
  --color-grey: #9f9f9f;
  --color-light: silver;
  --color-highlight: #C83737;
  --color-text: var(--color-black);
  --color-background: var(--color-white);
  --font-family-body: Newsreader , sans-serif;
  --font-family-titles: DM Sans , sans-serif;
  --font-family-sans: DM Sans, sans-serif;
  --font-small: 0.8rem;
  --border: 1px solid var(--color-black);
  --x:0px;
  --y:0px;
  --header-height:2rem;
  --transition:0.5s;
  --header-open:100%;

}

html {
  font-family: var(--font-family-body);
  size:20px;
  color: var(--color-text);
  background: var(--color-background);
}



img {
  width: 100%;
  height:100%;
  object-fit: cover;
}

body {

  padding: var(--padding);
  max-width: 100rem;
  margin: 0 auto;
  font-size:12pt;
  line-height: 1.65rem;
}
::selection {
  color: var(--color-highlight);
}
li {
  list-style: none;
}

a {  
  font-family: var(--font-family-sans);
  color: var(--color-grey);
  text-decoration: none;
  /*font-weight: 600;*/
  text-underline-offset: 0.3rem;
  transition: var(--transition);
}

a:hover{
  color:var(--color-highlight);
  transition: var(--transition);
}
strong {
  font-variation-settings: "wght" 600;
  font-optical-sizing: auto;
}
em {
  font-variation-settings:"ital" 1;
  font-optical-sizing: auto;
}
hr {
  border:0;
  border-top: var(--border);
  margin:var(--padding) 0px var(--padding);
}
.small {
  font-size: var(--font-small);
  color: var(--color-grey);
}


#scroll_top {
  height: 1rem;
  width: 1rem;
  font-size: var(--font-small);
  display: none;
  opacity: 0;
  position: fixed;
  bottom: 2rem;
  z-index: 103;
  border: var(--border);
  outline: none;
  background-color: var(--color-white);
  color: var(--color-grey);
  cursor: pointer;
  padding: var(--padding);
  border-radius: 6rem;
  /* filter: drop-shadow(0px 0px 6px var(--color-light)); */
  transition: var(--transition);
  content: "";
  align-content: center;
  background-image: url(../icons/icon_dropdown_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  right: var(--padding);


}

#scroll_top: hover {
  background-color: var(--color-light); /* Add a dark-grey background on hover */
}
.header {
  font-size: var(--font-small);
  padding: var(--padding) ;
  font-family: var(--font-family-titles);
  height: var(--header-height) !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 102;
  border-bottom: var(--border); 
  background-color: var(--color-white);
  transition: var(--transition);
  /*filter: drop-shadow(0px 0px 0.4rem #d5d5d5);*/
}
.header .grid{
  /*text-align: center;*/
  align-items: start;
}
.header_open{
  height:var(--header-open);
  z-index:104;
  display: grid;
  align-items: start;
}

.bio{
  line-height: 150%;
  font-size:  1em !important ;
  overflow-y: scroll;
  height:10.5rem;
  background: var(--color-white);
  opacity: 1;
  transition: var(--transition);
  border-bottom: 1px solid;
  font-family: var(--font-family-sans ) !important;
  padding: var(--padding) 0;
}
.bio ::-webkit-scrollbar {
  display: block !important;
  width: 5px !important;
}
.bio ::-webkit-scrollbar-track {
 border: var(--border)!important; 
}
.bio::-webkit-scrollbar-thumb {
  background: var(--color-black)!important;
}

.bio p{
    width:100% !important;

}
.bio:hover{
  overflow-y: auto;
  cursor: pointer;
  transition: var(--transition );
}

.bio_open{
  height: var(--header-open);
  background: -webkit-linear-gradient( bottom,  var(--color-white), var(--color-black) 1%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.logo {
  right: var(--padding);
  grid-column-start: 1;
  grid-column-end: 2;
  font-family: var(--font-family-sans);
  cursor: pointer;
  text-align:left;
  z-index: 105;

}
.logo :before{
  content: " ";
  background-image: url(../icons/logo.svg) !important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  width: 6rem;
  height: 2rem;
  position: fixed;
  left: var(--padding) ;
  top: 1rem ;

}
.logo img{
  object-fit: unset;
  width:6rem;
  height: var(--header-height);
}
.agenda{
  background-color: var(--color-white);
  padding-left: var(--padding);
  width:70%;
  grid-column-start: 7;
  grid-column-end: 9;
  line-height: 120%;
  /* color: var(--color-grey); */
  font-family: var(--font-family-sans);
  display: block;
  font-size: 0.75rem;
  /* border-radius: 1rem; */
  border-left: var(--border);
  text-align:left;

}
.agenda a{
  font-weight: 400;
  font-family: var(--font-family-sans);
}
.agenda a:hover{
  color:var(--color-highlight);
}
.menu_horizontal li{

  color:var(--color-black);
  display: contents;
}
.menu_horizontal a{
  font-weight: 500;
  text-transform: uppercase;
  color:var(--color-black);
}
.menu_horizontal a:hover{ 
  color:var(--color-highlight);
}
.menu {
  grid-column-start: 8;
  grid-column-end: 9;
  font-family: var(--font-family-sans);
  display: none;
  cursor: pointer;
}

.menu:before{
  content:" ";
  background-image:url("../icons/menu.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  width:1.5rem;
  height:1.5rem;
  position:fixed;
  right:var(--padding) ;
  top:var(--padding) ;

}

.menu_open:before{
  background-image:url("../icons/close.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  content:" ";
  display: block;
  width:1.5rem;
  height:1.5rem;
  position:fixed;
  right:var(--padding);
}

.menu_dropdown{
  text-align: left;
  display: content;
  z-index: 101;
  overflow: hidden;  
  height: 0;
  opacity: 0;
  transition: height 0ms 400ms, opacity 400ms 0ms;
}

.menu_dropdown a{
  font-weight: 400;
  }
.grid {
  --columns: 8;
  --gutter: var(--padding);
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(8, 1fr);
}
.grid > .column {
  margin-bottom: 1rem;
  grid-column: span var(--columns);
} 

.main{
}

.filter {
  font-size: var(--font-small);
  grid-column-start: 1;
  grid-column-end: 3;
  font-family:var(--font-family-sans);
  position:sticky;
  left:0;
  top:calc(var(--header-height) + 2 * var(--padding)); 
  height:0;
  right:0;
  transition: var(--transition);}


.filter__inner {
  position:relative;
}

.filter-category {
  font-family: var(--font-family-sans);
  position:relative;
  font-size: var(--font-small);}
.filter-category--open .filter-category__title:after {
transform: rotate(180deg);}
.filter-category__title :first-child{
    padding:1rem 0 .55rem;
}
.filter-category__title {
  border-bottom: var(--border);
  font-size: var(--font-small);
  -moz-user-select:-moz-none;
  -ms-user-select:none;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer;
  position:relative;
  padding:2rem 0 .55rem}

.filter-category__title:after {
  content:"";
  align-content: center;
  -moz-transition:-moz-transform var(--transition);
  -o-transition:-o-transform var(--transition);
  -webkit-transition:-webkit-transform var(--transition);
  transition:transform var(--transition);
  /*background-image:url("../icons/icon_dropdown_arrow.svg");*/
  background-position:top;
  background-repeat:no-repeat;
  background-size:contain;
  display:block;
  width:1rem;
  height:1rem;
  position:absolute;
  right:0;
  bottom:25%;}

.filter-category__title_fix :first-child{
  margin-top:0px;
}
.filter-category__title_fix{
   position:relative;
   margin-top:var(--padding) ;
}
.page_title{
  grid-column-start: 1;
  grid-column-end: 3;
  font-family:var(--font-family-sans);
  position:sticky;
  left:0;
  top:calc(var(--header-height) + 3 * var(--padding));
  height:0;
  right:0;
  transition:var(--transition); 


}

.filter-category__dropdown {
  background-color:var(--color-white);
  position:relative;
  margin-left:-.2rem;
  width:calc(100%+.4rem);
  z-index:1}


.filter-items-wrap {
  padding-top:var(--padding);
  width:100%}


.filter-items {
  color:var(--color-black);
  cursor: pointer;
  transition: var(--transition);
  /*border-radius: 1rem;*/
  margin:  0.3rem 0rem 0.3rem ;
  width:fit-content;
  font-size: var(--font-small);
}
.filter-items li:hover{
  background: var(--color-black);
  border-color:var(--color-black); 
  color: var(--color-white);
  transition: var(--transition);
}
.filter-items li{
  width: fit-content;
  margin-bottom: 0.25rem;
  padding: 0rem 0.5rem 0rem;
  border: var(--border);

}


.filter_single {
  color:var(--color-black);
  cursor: pointer;
  transition: var(--transition);
  /*border-radius: 1rem;*/
  margin:  0.3rem 0rem 0.3rem ;
  width:fit-content;
  font-size: var(--font-small);
}
.filter_single a{
  font-weight: 300;
  color:var(--color-black);
}

.filter_single a:hover{
  color:var(--color-white);
}
.filter_single :hover> a{
  color:var(--color-white);
}
.filter_single li:hover{
  background: var(--color-black);
  border-color:var(--color-black); 
  color: var(--color-white);
  transition: var(--transition);
}
.filter_single li{
  width: fit-content;
  margin-bottom: 0.25rem;
  padding: 0rem 0.5rem 0rem;
  border: var(--border);

}


.filter_toggle{
  display: none;
}
.active{
  border-color: var(--color-highlight) !important;
  color: var(--color-white) !important;
  background: var(--color-highlight) !important;
}

.loop_post{
  top: var(--header-height);
  grid-column-start: 3;
  grid-column-end: 7;
  position: relative;
  border-left:var(--border);
  padding: var(--padding);
}

.loop_post img{
  padding-top: var(--padding);
  max-height:30rem;
  object-fit: contain;

}

.loop_single{
    overflow: hidden;  /* Hide the element content, while height = 0 */
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    position: relative;
    border-bottom: var(--border);
}

.loop_single a:hover{
  text-decoration: none !important;
}
.loop_single:last-child {
    border: none;
}

.glossario{
  font-weight: 400;
  position: relative;
  border-bottom: var(--border);
}
.glossario h2{
  padding-top: var(--padding);
}
.glossario a{
  font-weight: 400;
}
.glossario:last-child {
    border: none;
}
.name{
  margin: 0rem 0.25rem;
  background: var(--color-white);
  font-size: 1rem;
  font-family: var(--font-family-sans);
  cursor: pointer;
  color:var(--color-highlight);
  /*text-decoration: underline;
  text-decoration-thickness: 0.07rem;
  text-underline-offset: 0.3rem;*/
  border: 1px solid;
  filter: drop-shadow(-2px 2px 0px var(--color-highlight));
  transition: var(--transition);
  padding:0 0.25rem;
}


.lemmas{
  grid-column-start: 7;
  grid-column-end: 8;
}

.lemma_singolo{
  font-family: var(--font-family-sans);
  font-size: var(--font-small);
  line-height: 140%;
  cursor:pointer;
  background-color: var(--color-white); 
  opacity: 0;
  position: fixed;
  top:calc(var(--header-height) * 2);
  padding:var(--padding);
  margin-right: var(--padding);
  transition: var(--transition);
  border: 1px solid var(--color-highlight);
  filter: drop-shadow(-4px 4px 0px var(--color-highlight));
}
.lemma_singolo .name{
  border: none;
  filter: none;
  padding:0;
  margin:0;
}
.evento{
  padding:var(--padding) 0 var(--padding);
  font-weight: 400;
}

.grid .chi-siamo{
  grid-template-columns: repeat(6, 1fr);
  --columns: 2;
    padding-bottom: calc(var(--padding) * 2 );
}
.footer .grid {
  grid-template-columns: repeat(8, 1fr);
  --columns: 2;
}

.grid > .column .chi-siamo{
  --columns:2;

}
.grid > .column .footer{
  --columns:2;
}

.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}

h1{
  font-variation-settings: "opsz" 60, "wght" 720;
  font-family: var(--font-family-titles);
  font-weight:600;
  font-size: 3.25rem;
  line-height: 100%;
}
h2{
  font-variation-settings: "opsz" 48, "wght" 700;
  font-family: var(--font-family-titles);
  font-weight: 600;
  font-size: 2rem;
  color: var(--color-black);
  line-height: 110%;

}
h3{
  font-family: var(--font-family-titles);
  font-weight:600;
  line-height: 150%;
  font-size: var(--font-small);
  color: var(--color-black);
}

h4{ 
   font-weight: 400;
   color:var(--color-black);
   font-size: var(--font-small);
}

h5, h6 {
  font-family: var(--font-family-titles);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

input{
  width:50%;
  height:10rem;
  border-color: var(  --color-black);
}



form{
  display: flex;
  padding: var(--padding) 0 var(--padding);
}
.search {
  font-family: var(--font-family-sans);
  border: var(--border);
  height: 5em;
  width: 68%;
  /* border-radius: 6rem; */
  padding: var(--padding);
  outline: 0;
}
#search_button  :before{
  content:" ";
  background-image:url("../icons/search.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  width:1.5rem;
  height:1.5rem;
  position:fixed;
  right:var(--padding);
  top:var(--padding) ;
}
.button {
  font-family: var(--font-family-sans);
  font-size: var(--font-small);
  color: var(--color-white);
  background: var(--color-black);
  cursor: pointer;
  /* border-radius: 6rem; */
  padding: 0 var(--padding);
  height: auto;
  width: fit-content;
  /* border: none;*/
}
.petite{
  padding: 0 var(--padding) !important;
  background: var(--color-black);
}
.button .petite :hover{
  background: var(--color-grey);
}
.button a{
  margin-top: 1rem;
  color:var(--color-white);
  font-weight:normal;
}

.footer {
  padding: 0 var(--padding);
  margin: -1rem;
  font-family: var(--font-family-sans);
  position: sticky;
  z-index: 103;
  background-color: var(--color-white);
  margin-top: 1rem;
  border-top: var(--border);
  font-size: var(--font-small);
  line-height: 140%;
}


.footer h2 {
  margin-bottom: .75rem;
}


.footer a:hover {
  color: var(--color-text);
}
.note p:first-child{
  padding-top: 0rem;
}
.note p {
    padding-top: var(--padding);
}
.note {
  font-variation-settings:  "opsz" 10, "wght" 400;

  font-size: 1.2rem;
  line-height: 150%;

  font-family: var(--font-family-body);
  position: relative;
  padding-bottom: 1.5rem;
}
.note ul{
  margin-top:var(--padding);
  width:80%;
}
.note li{
  list-style: disc !important;
}
.note a{
  font-size:1.05rem;
  text-decoration: underline;
  text-decoration-thickness: 0.07rem;
  color: var(--color-highlight);
}
.note h2{
  width:80%;
  padding-top:calc(var(--padding) * 3);
}
.highlight{
  background-color: var(--color-white);
  filter: drop-shadow(-4px 4px 0px var(--color-highlight));*/
  width:calc(80% - 6rem);
  margin:var(--padding) 0 var(--padding) 0;
  line-height: 160%;
  font-family: var(--font-family-sans);
  font-size:1rem;
  color:var(--color-highlight);
  padding: 3rem;
  border: 1px solid var(--color-highlight);

}
.note .highlight p {
  width:100%;
}
.note .highlight ul {
  width:100%;
}
.excerpt{
  font-family: var(--font-family-body);
  font-variation-settings:  "opsz" 10, "wght" 400;
  font-size: 1.1rem;
  padding:0 0 var(--padding);
}
.excerpt a{
  font-size: 1rem;
}
.note-date {
  padding-top:var(--padding);
  font-size: var(--font-small);
  font-family: var(--font-family-sans);
  color: var(--color-black);
}

.note-tags {
  font-family: var(--font-family-sans);
  font-size: var(--font-small);
  display: flex;
  padding-bottom:var(--padding);

  
}
.note-tags li{
  color:var(--color-black);
  padding: 0rem 0.5rem 0rem ;
  border:var(--border);
  margin-right: .5rem;
  /*border-radius: 1rem;*/
}

.note-tags a {
  display: block;
  background: var(--color-light);
}
.note-tags a:hover {

}

.note-subheading{
  font-family: var(--font-family-sans);
  padding-bottom: 2rem;
  font-size: 1.8rem;
  color: var(--color-grey);
}

.cover img{
  padding: var(--gutter) 0 var(--gutter);
  object-fit: cover !important;
}

.img-caption{
  font-family: var(--font-family-sans);
  line-height: 160%;
  font-size: var(--font-small);
  color:var(--color-grey);
  padding-bottom:1rem;
}
@media screen and (max-width: 1000px){
  .excerpt{
    width: 100%;
  }
  .note p{
    width: 100%;
  }
}
@media  screen and (max-width: 800px){
  :root{
    --header-height:30px;
    --header-open:100%;}
  body{
    /*padding:var(--padding);*/
  }
  #scroll_top{
    right:var(--padding) ;
    bottom:var(--padding);
  }
  .grid{
    /*--gutter: 2%;*/
  }
  .grid .number{
    grid-template-columns: repeat(1, 1fr)!important;
    --columns: 1;
  }
  .grid .chi-siamo{
    grid-template-columns: repeat(1, 1fr)!important;
    --columns: 1;
  } 
  .footer .grid {
    grid-template-columns: repeat(1, 1fr);
  --columns: 2;
  }

  .logo{
    grid-column-end: 2;
    align-content: center;
  }
  .logo img{
    width:4rem;
  }
  .logo: before{
    top:calc(var(--header-height) / 2);
  }
  .menu{
    font-size: 2rem;
    display: contents;
  }
  .menu a{
    color:var(--color-black);
  }
  .menu_horizontal{
    display: none;
  }
  #search_button {
    display: block !important;
  }
  #search_button :before{
    right: 4rem !important;
  }
  .menu_dropdown{
    display:  none;
    width: 100% !important;
    height:   100% !important ;
    margin: -1rem;
    padding: var(--padding);
    top: calc(var(--header-height) + var(--padding) * 2);
    background: var(--color-white);
    line-height: 160%;
    grid-column-start: 1;
    grid-column-end: 9; 
    position:   fixed;  
  }
  .menu_dropdown  li{
  border-bottom: var(--bottom);
}


  .bio{
    display: none !important;
  }
  .bio_open .bio{
    display: block;
  }
  h1{
    font-size:2rem;
  }
  h2{
    font-size:1.5rem;
  }


  .loop_post{
    padding:0px;
    border-left:none;
    grid-column-start: 1;
    grid-column-end: 9;
    margin-top: calc(var(--header-height) +  var(--padding) );
}
  .loop_post img{
    max-height: 20rem;
  }
  .lemmas{
    grid-column-start: 1;
    grid-column-end: 8;
  }
  .lemma_singolo{
    right: -0.75rem;
    left: 0.75rem;
    top: calc(var(--header-height) * 3);

  }
  .agenda{
    border-bottom: var(--border);
    position: absolute;
    top: calc(var(--header-height)* 2 + 3px);
    width: 100%;
    left: 0;
    padding: calc(var(--padding) / 4) 0 calc(var(--padding) / 3) calc(var(--padding) / 2);
    border-left: none;
  }
  .filter {
    display: none;
    background-color: var(--color-white);
    top:0px;
    height:100% !important;
    padding:0 var(--padding) 0 var(--padding);
    position:fixed;
    overflow:scroll;
    z-index:101;}

  .filter__inner {
    border:none;
    position:relative;
  }

  .filter_toggle{
    /*cursor: pointer;*/
    background-color: var(--color-white); 
    text-align: center;
    font-weight: 500;
    display: block;
    position: fixed;
    padding: calc(var(--padding) / 4 );
    bottom: 0;
    left: 0;
    right:0;
    z-index: 102;
    /*filter: drop-shadow(0px 0px 0.4rem #d5d5d5);*/
    font-family: var(--font-family-sans);
    border-top: var(--border);
  }
  .filter_toggle:before{
    content: "Filtra";
  }
  .filter_toggle_open:before{
    content: "Chiudi";
  }
  .page_title{
    grid-column-end: 7 !important;
    pointer-events: auto|none;
    max-height: calc(var(--header-height) / 2);
    display: grid;
    z-index: 102;
    top: inherit;
    text-align: left;
    grid-column-start: 4;
    grid-column-end: 6;
    opacity: 1;

  }
  .page_title h1{  
    margin-top: 0.5rem ;
    font-size: var(--font-small) !important;  
    font-weight: 400;
    font-size: 1rem;
  }
  .page_title h3{  
    font-size: var(--font-small) !important;  
    font-weight: 400;
    font-size: 1rem;
  }
  .page_title h2{
    font-variation-settings: "wght" 600;
    font-size: var(--font-small);
    height: 1.5rem;
    overflow: hidden;
    font-weight: 600;
  }

  .note{
    font-variation-settings: "opsz" 10, "wght" 400;
    width: 100%;
    font-size: 1.1rem;
    line-height: 160%;
  }
  .note p{
    width:100%;
  }
  .note h2{
    width:100%;
  }

  .excerpt{
    font-variation-settings:  "opsz" 10, "wght" 400;
    width: 100%;
  }
}

.number{
  padding:var(--padding) 0 var(--padding);
  font-family:var(--font-family-body);
  font-variation-settings:  "opsz" 72, "wght" 600;
  font-size: 3.5em;
  line-height: 1em;
}

.show {
    display: block!important;
    height: auto; opacity: 1!important;
    transition: height 0ms 0ms, opacity 600ms 0ms;
}
.hide{
    overflow: hidden;  /* Hide the element content, while height = 0 */
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    display: none;
}

.no-border{
  border:none;
}
.open{
  height:60rem !important;
  transition: var(--transition);
}