/*
Theme Name: Inserm
Theme URI: https://github.com/BeAPI/beapi-frontend-framework
Description: Inserm
Version: 1.1.0
Text Domain: inserm
Author: BeAPI
Author URI: http://www.beapi.fr
*/

@media screen and (min-width: 64em) {
	.header:not(.is-sticky) .nav-primary .menu-item.menu-item-search {
		display: none;
	}
	.header:not(.is-sticky) .searchform {
		height: auto;
	    overflow: visible;
	    visibility: visible;
	    opacity: 1;
	}
}
.header__wrapper .searchform .form__row {
	max-width: 100%;
	padding-top: .5rem;
	padding-bottom: 1.5rem;
    display: flex;
    align-items: center;
}
@media screen and (min-width: 64em) {
	.header__wrapper .searchform .form__row {
		width: 500px;
		margin-left: auto;
		margin-right: 0;
	}
}
.searchform {
	background-color: #fff;
	color: inherit;
	border-bottom: 1px solid #DEDEDE;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.searchform__submit {
	background-color: #F8F8F8;
	border: 1px solid #949494;
	color: #000;
	position: static;
	padding: 0.69rem 0.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: .25rem;
	flex-grow: 0;
}
@media screen and (min-width: 64em) {
	.searchform__field[type=search] {
		padding: 0.5rem 0.7rem;
	}
}

.searchform .form__row .icon {
	width: 1rem;
	height: 1rem;
	margin-right: 0;
}
@media screen and (min-width: 64em) {
	.searchform .form__row .icon {
		width: 1rem;
		height: 1rem;
		margin-right: 0;
	}
}
.searchform__field[type=search] {
	font-size: 1rem;
	background-color: #fff;
    border: 1px solid #949494!important;
		padding: 0.5rem 1.175rem;
    color: #000!important;
}
@media screen and (min-width: 64em) {
	.main__content,
	.admin-bar .main__content {
	    margin-top: 11.525rem;
	}
}
.facetwp-template .loop__meta-item.loop__tag {
    text-transform: none;
}


.btn--outline.btn--dark {
	color: #333333;
	border-color: #333333;
}
.btn--outline.btn--dark.active {
	color: #fff!important;
    background-color: #333!important;
    border-color: #333!important;
}


.btn--outline.btn--dark:focus {
	outline-color: #333;
}

.search .filter {
	margin-bottom: 1.5rem;
}
@media screen and (min-width: 48em) {
	.search .filter {
		display: flex;
		align-items: center;
		gap: 15px;
	}
}
.search .filter p {
	margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
	.search .filter p {
		margin-bottom: 0;
	}
}

.search .filter ul {
	margin-bottom: 0;
}
.search .filter ul {
    display: flex;
    align-items: center;
    gap: 10px 15px;
    flex-wrap: wrap;
}


body.search .search__top .form__row {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 63.9375em) {
.facetwp-template .loop__wrapper {
	padding-left: 0;
	border-left: none;
}
}


.facetwp-template .loop h2 {
    font-size: 1.1rem;
}
@media screen and (min-width: 48em) {
	.facetwp-template .loop h2 {
	    font-size: 1.375rem;
	}
}
body.error404 .main__content .searchform {
	position: static;
	border: none;
}

body.error404 .main__content .searchform .form__row {
	padding-top: 0;
	padding-bottom: 0;
	width: 500px;
	max-width: 100%;
	margin: 30px auto;
}

input:not([type])::placeholder, input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=datetime]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, textarea::placeholder {
    color: #949494;
}
@media screen and (min-width: 64em) {
	.nav-primary {
		border-top-color: #dedede;
		border-bottom-color: #dedede;
	}
}

#main__content article>:last-child ul.page-numbers {
	padding: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main__content .nav-links .page-numbers li {
	margin: 0;
}
#main__content .nav-links .page-numbers li > a,
#main__content .nav-links .page-numbers li > span {
	margin: 0;
	padding: 0.8em;
}
@media screen and (min-width: 64em) {
	#main__content .nav-links .page-numbers li > a,
	#main__content .nav-links .page-numbers li > span {
		padding: 0.8em 1em;
	}
}

ul.page-numbers .page-numbers {

	word-break: normal;
	overflow-wrap: normal;
}