#block-snia-content{
	padding-top:6rem;
	padding-bottom:6rem;
	
	width: var(--width-mobile,90vw);
  margin-inline:auto;
  max-width: var(--max-width,1200px);
  
  font-family: var(--family-body,Inter);
  
}
#block-snia-content h2{
	font-weight: 600;
  margin-bottom: 1rem;
}
#search-form{

  display: flex;
  flex-direction: column;
  
  padding-bottom: 2rem;
  

}

#edit-basic{
	display: flex;
  align-items: center;
  flex-direction: column;
  gap:1rem;
  margin-bottom: 2rem;
}

#edit-basic .js-form-item{
	display: flex;
  flex-direction: column;
  gap:1rem;
  text-align: center;
  width: fit-content;
  align-items: center;
}

#edit-basic .js-form-item label{
  font-size: 1.5rem;
  font-weight: 600;
  color: #552d80;
}
#edit-basic #edit-keys{
	line-height: 2rem;
  padding-left: 1rem;
}

#edit-submit, #edit-submit--2{
	font-size: 1.2em;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #552d80;
  padding:0.5em 1.8em;
  border-radius:6px;
}
#edit-submit--2{
	font-size: 1em;
	margin-top:1rem;
}
#edit-submit:hover, #edit-submit--2:hover{
	border: 1px solid #552d80;
	background-color:  #552d80;
	color: white;
}

/* advance search */
#edit-advanced{display:flex;}
#edit-advanced summary{
	cursor: pointer;
}
#edit-advanced summary:hover{
		color:  #552d80;
}

#edit-help-link{margin-left:auto;}
#edit-advanced fieldset {
  padding:1em;
  margin-top: 1rem;
}
#edit-advanced legend {
  background:white;
  padding-left: 1em;
  padding-right: 1em;
  color: #552d80;
}
#edit-keywords-fieldset .fieldset-wrapper{
	display: flex;
  gap:1rem;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
#edit-keywords-fieldset .fieldset-wrapper .js-form-item{
	display: flex;
  flex-direction: column;
  gap:0.5rem;
}

#edit-type{
	display: flex;
  flex-wrap: wrap;
  gap:1rem;
}
#edit-type .js-form-item {
  flex:1;
  min-width: 20ch;
}

#edit-language{
	display: flex;
  justify-content: space-around;
  gap:1rem;
}

/* SEARCH CONTENT */
ol{padding: 0;}
ol li{
	list-style-type: none;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom:1px solid #80808042;
}

/* hide author, it may leak an user */
ol li p:nth-child(3){
	display:none;
}

ol li h3{margin-bottom: 0.5rem;}
ol li h3 a{font-size: inherit;
  font-weight: 600;}

/* PAGER */
nav.pager{
	margin-top: 3rem;
}

nav.pager ul{
padding:0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:2rem;
	
}

nav.pager ul li{
	flex:1;
	min-width: 5ch;
}

nav.pager ul li a {
  font-size: 1em;
}
nav.pager ul li:not(.pager__item--next, .pager__item--last, .pager__item--first, .pager__item--previous) a{
  padding:0.7em 1em;  
  border:1px solid black;
  border-radius:50%;
}
nav.pager ul li:not(.pager__item--next, .pager__item--last, .pager__item--first, .pager__item--previous) a:hover,
nav.pager ul li.is-active a{
  	border: 1px solid #552d80;
	background-color:  #552d80;
	color: white;
}

.pager__item--next a:hover, .pager__item--last a:hover, 
.pager__item--first a:hover, .pager__item--previous a:hover{
	text-decoration: underline;
	
}

@media(max-width:800px){
	#edit-keywords-fieldset .fieldset-wrapper, #edit-language{
		flex-direction: column;
	}
}