/*
Theme Name: IR-ILICO
Text Domain: ilico
*/

/* --
    ILICO theme-specific style properties
--*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
	--ilico__font: "Manrope", system-ui, sans-serif;
	--ilico__colorPrimaryLight: color-mix(in srgb, var(--primary), #ffffff 15%);
	--ilico__colorSnoLight: color-mix(in srgb, var(--ilico__colorSno), #ffffff 15%);
}

body {
	font-family: var(--ilico__font);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--primary);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .7rem;
}

a {
	font-weight: 500;
}

a:hover {
	text-underline-offset: 3px;
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
}

.text-end {
	text-align: end;
}

figcaption {
	font-size: small;
	color: gray;
	font-style: italic;
}

.btn-white {
	color: var(--primary);
	background-color: #ffffff;
	border-color: #ffffff;
}

.btn-white:hover {
	background-color: #f7f8fa;
	border-color: #f7f8fa;
}

.ilico__blockWhite *:not(a.btn) {
	color: white;
}

/* width */
::-webkit-scrollbar {
	width: 8px;
	background-color: rgb(220, 220, 220);
}

/* Track */
::-webkit-scrollbar-track {
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgb(126, 126, 126);
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--primary);
}

/* 
-- Header
*/
#ilicoNavMenu {
	justify-content: flex-end;
}


@media screen and (max-width: 960px) {
	#ilicoNavMenu .nav-item a {
		padding: .8em 0;
	}

	#ilicoNavMenu>.menu>.nav-item:not(:last-child) {
		border-bottom: 1px solid var(--light);
	}

	#ilicoNavMenu .menu-item-has-children>a:after {
		display: inline-flex;
		content: '';
		background-size: 24px 24px;
		height: 24px;
		width: 24px;
		background-color: currentColor;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
	}

	#ilicoNavMenu .menu-item-has-children>a {
		display: flex;
		pointer-events: none;
	}

	#ilicoNavMenu .menu-item-has-children>.sub-menu {
		padding: 0;
		display: none;
	}

	#ilicoNavMenu .menu-item-has-children>a {
		justify-content: space-between;
	}

	.ilico__header .nav__container {
		padding: 1em;
	}
}

@media screen and (min-width: 960px) {
	#ilicoNavMenu .menu-item-has-children>a:after {
		display: inline-flex;
		content: '';
		background-size: 24px 24px;
		height: 24px;
		width: 24px;
		background-color: currentColor;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
	}

	#ilicoNavMenu>.menu>.nav-item>a:hover {
		text-decoration: none;
		text-underline-offset: 10px;
		text-decoration-line: underline;
		text-decoration-thickness: 3px;
		text-decoration-color: var(--primary);
		color: var(--primary);
	}

	#ilicoNavMenu .menu {
		height: 100%;
		align-items: center;
	}

	#ilicoNavMenu>.menu>.nav-item>a {
		padding: 1.2em .55em;
	}

	#ilicoNavMenu .menu-item-has-children .sub-menu {
		display: none;
		padding: .5em;
		max-width: 200px;
		border-radius: .5em;
		position: absolute;
		background-color: white;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	}

	.ilico__header .nav__container {
		padding: 0.7em 2em;
	}
}

.ilico__header .navbar-toggler {
	color: var(--primary);
	transition: all .5s ease-out;
}

.ilico__header .navbar-toggler:focus {
	outline: none;
}

.ilico__header .navbar-toggler:hover {
	opacity: .6;
}

.ilico__header .navbar-toggler[aria-expanded=true] {
	transform: rotate(90deg);
}

#ilicoNav .nav__container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	z-index: 100;
	align-items: center;
}

#ilicoNavMenu>.menu>.nav-item {
	height: 100%;
}

#ilicoNavMenu>.menu>.nav-item>a {
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	font-weight: 600;
}

#ilicoNavMenu .menu-item-has-children .sub-menu>li {
	list-style: none;
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	line-height: 1.1;
}

#ilicoNavMenu .menu-item-has-children:hover .sub-menu {
	display: block;

}

#ilicoNavMenu .menu-item-has-children>a:after {
	transition: all .5s ease-out;
}

#ilicoNavMenu .menu-item-has-children:hover>a:after {
	transform: rotate(180deg);
}

/* 
-- Footer 
*/

.ilico__footer * {
	color: white !important;
}

.ilico__footerLogo img {
	max-height: 40px;
	margin-right: 1em;
}

.ilico__footerLogo img:hover {
	opacity: .8;
}

.ilico__lineWhite {
	border-top: 1px solid #ffffff99;
	margin: .5em 0;
}

.ilico__footer .menu li {
	list-style: none;
	padding: .1em 1em;
}

.ilico__footer .menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: baseline;
}

@media screen and (max-width: 960px) {
	.ilico__footer .menu {
		margin-top: 1em;
        justify-content: left !important;
        padding: 0;
        flex-direction: column;
	}
	.ilico__footer .menu>li {
        padding: .1em 0em;
	}
	.ilico__footerSocialNetwork {
		text-align: left!important;
		margin: 1em 0em!important;
	}
}

.ilico__footerSocialNetwork {
    text-align: end;
    margin: 0 1em;
}

.ilico__footerSocialNetwork a {
    padding: 0.2em;
	transition: all .3s ease-out;
}

.ilico__footerSocialNetwork a:hover {
    text-decoration: none;
}

.ilico__footerSocialNetwork a svg{
	transition: all .3s ease-out;
}

.ilico__footerSocialNetwork a:hover svg {
	opacity: .8;
	transform: scale(1.2);
}

/* All page */

.ilico__pageMenu .menu {
	padding: 0;
}

.ilico__pageMenu .menu>li {
	list-style: none;
	margin-bottom: .6em;
	line-height: 1.2;
}

.ilico__block {
	padding: 3em;
	border-radius: 1.5em;
}

.ilico__blockSM {
	padding: 2em;
	border-radius: 1.5em;
}

.ilico__blockXS {
	padding: 1.5em;
	border-radius: 1.5em;
}

@media screen and (max-width: 960px) {
	.ilico__pageRowInverse {
		flex-direction: column-reverse;
	}

	.ilico__pageMenu {
		margin-top: 1em !important;
	}

	.ilico__block,
	.ilico__blockSM {
		padding: 2em;
	}
}

/* Component - BackToHome */

.ilico__backToHome a {
	text-decoration: none;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	color: var(--primary);
	font-weight: 600;
}

.ilico__backToHome svg {
	margin-right: .2em;
}

/* Home */


@media screen and (max-width: 960px) {
	.ilico__home .row>div {
		margin-bottom: 1.2em;
	}
}

body:has(.ilico__home) {
	background-color: white !important;
}

.ilico__home h5 {
	font-weight: 600;
}

.ilico__homeBlockSno {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-start;
}

.ilico__homeBlockNews>div {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	color: var(--primary);
}

.ilico__homeBlockData {
	background-image: url('assets/img/ilico__backgroundBathy.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.ilico_homeBlockLink:hover {
	text-decoration: none;
}

.ilico_homeBlockLink>div {
	transition: all .3s ease-out;
}

.ilico_homeBlockLink:hover>div {
	transform: scale(1.02);
	opacity: .95;
}

.ilico__homeBlockNews .wpra-item-list {
	padding: 0;
	margin: .5em 0;
}

.ilico__homeBlockNews .wpra-item-list>li {
	list-style: none;
	margin: 0 !important;
	padding: .3em 0;
}

.ilico__homeBlockNews .wpra-item-list>li:not(:last-child) {
	border-bottom: 1px solid var(--secondary);
}

.ilico__homeBlockFollowTimeline {
	height: 750px;
	overflow-y: hidden;
}

/* Single */
.ilico__singleInfos>div {
	margin-bottom: 1em;
}

.ilico__singleBack {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.ilico__singleInfos h6 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: smaller;
	letter-spacing: 1px;
	margin: 0;
}

.ilico__singleContent a {
	font-weight: 700;
}

.ilico__singleContent li {
    color: var(--primary);
}

/* Article */ 

.ilico__articleTagsList li {
	list-style: none;
	font-size: smaller;
	background-color: var(--ilico__colorSno);
	display: inline-flex;
	color: white;
	margin-right: .5em;
	padding: 2px 5px;
	border-radius: .6em;
}

.ilico__articleTagsList {
	margin: .2em 0;
}

/* Share btn */

.ilico__iconShareList a,
.ilico__singleBack,
.ilico__backToHome a {
	color: var(--primary);
	transition: all .2s ease-out;
}

.ilico__iconShareList a:hover,
.ilico__singleBack:hover,
.ilico__backToHome a:hover {
	text-decoration: none;
	color: var(--ilico__colorSno);
}

/* Pagination */
.hidden {
	display: none;
}

.ilicoNews__paginationContainer {
	display: flex;
	align-items: center;
	padding: 1rem 0;
	justify-content: center;
}

.ilicoNews__paginationNumber,
.ilicoNews__paginationButton {
	font-size: 1.1rem;
	background-color: transparent;
	border: none;
	margin: 0.25rem 0.25rem;
	cursor: pointer;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: .2rem;
	color: var(--primary);
}

.ilicoNews__paginationNumber:hover,
.ilicoNews__paginationButton:not(.disabled):hover {
	background: var(--secondary);
}

.ilicoNews__paginationNumber.active {
	color: #fff;
	background: var(--primary);
}

#ilicoNews__list, .ilico__archiveList {
	display: grid;
	grid-template-columns: repeat(3, 32%);
	grid-gap: 20px;
	grid-auto-rows: minmax(100px, auto);
	padding: 0;
}

@media screen and (max-width: 960px) {
	#ilicoNews__list, .ilico__archiveList {
		grid-template-columns: repeat(1, 100%);
	}
}

.ilicoNews__item, .ilico__archiveItem {
	background-color: white;
	padding: 1.5em;
	border-radius: .8em;
	list-style: none;
}

.ilicoNews__item>div {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
}


h5.ilicoNews__itemTitle {
	font-size: 1.15em;
	font-weight: 700;
}

.ilicoNews__item .ilicoNews__itemContent {
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 20px;
	color: var(--primary);
	-webkit-box-orient: vertical;
	margin-bottom: 2em;
}

.BAZ_cadre_fiche>:not(.BAZ_rubrique.field-textelong) {
	display: none;
}

.BAZ_cadre_fiche>.BAZ_rubrique>:not(.BAZ_texte) {
	display: none;
}

.ilicoNews__itemHeader {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1em;
	font-size: smaller;
}

.ilicoNews__itemDate {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	color: var(--ilico__colorPrimaryLight);
	font-weight: 600;
}

.ilicoNews__itemDate>svg {
	margin-right: .2em;
}

.ilicoNews__itemSrc {
	color: white;
	padding: 4px 7px 2px;
	border-radius: 0.6em;
	background-color: var(--ilico__colorSno);
}

.ilicoNews__itemSrc.IR-ILICO {
	background-color: var(--primary);
}

/* 404 */
main:has(.ilico__page404) {
	height: 100%;
}

.ilico__page404 {
    background-image: url('assets/img/ilico__fondBathy.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
	animation: mymove 50s infinite;
}

@keyframes mymove {
	25% {background-position: bottom left;}
	50% {background-position: center;}
	75% {background-position: top right;}
  }

.ilico__page404 h1,.ilico__page404 h5 {
    color: white;
}

/* Page document */

.ilico__docsItem {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border: 2px solid var(--primary);
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 1em;
    color: var(--primary);
}

.ilico__docsItemTitle {
    font-size: large;
    font-weight: 700;
}

.ilico__docsItemTxt {
    font-size: medium;
    line-height: 1.2;
    margin-bottom: .5em;
    padding-right: 2em;
}

.ilico__docsItemDate {
    font-size: smaller;
    font-style: italic;
}

.ilico__docsList {
    margin: 1em 0px;
}

.ilico__docsItem:has(.ilico__docsItemLink:hover) {
	transform: scale(1.02);
 }
 
 .ilico__docsItem {
	 transition: all .3s ease-out;
 }

 /* Site */

 .ilico__siteContentHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 1em;
}

.ilico__siteBadge {
    background-color: var(--ilico__colorSno);
    color: white;
    padding: 5px 10px;
    border-radius: .7em;
}

.ilico__siteData {
    background-color: var(--primary);
    padding: .8em 1.5em;
    border-radius: 1.2em;
	transition: all .3s ease-out;
}

.ilico__siteData a {
    color: white!important;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.ilico__siteData a:hover {
	text-decoration: none;
}

.ilico__siteData:has(a:hover) {
    transform: scale(1.02);
    opacity: .95;
}

@media screen and (max-width: 960px) {
	.ilico__singleContent {
		margin-bottom: 1em;
	}

	.ilico_site .ilico__singleInfos {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
	}
}

.ilico__pageContent a:hover {
    background-color: color-mix(in srgb, var(--ilico__colorSno), #ffffff 40%);
}

.ilico__pageContent h1 {
    margin-bottom: .8em;
}

.ilico__pageContent p, .ilico__singleContent p {
    text-align: justify;
}

.ilico__pageContent li, .ilico__singleContent li, .wp-block-list {
    color: var(--primary);
}

.ilico__footerMenuPartners .menu {
    justify-content: flex-start;
    padding: 0;
}

.ilico__footerMenuPartners .menu li {
    padding-left: 0;
}

.wp-block-table {
    color: var(--primary);
}