/*
Theme Name: OTHU
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree-child
Template: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/


@import url("https://use.typekit.net/das8irw.css");

.wp-block-search.wp-block-search__button-only .wp-block-search__button{max-width:none!important;}

:where(body .is-layout-flow) > *{margin-block-start: inherit!important;}

header{ z-index: 100!important; position: relative !important;}
.slider_home, .entete{ margin-top: -175px !important; z-index: 1 !important; overflow: hidden;}
.mask{
 	-webkit-mask-image: url(img/wave.svg);
  	mask-image: url(img/wave.svg);
    -webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position : right;
	-webkit-mask-size: cover;
	mask-position : right;
	mask-size: cover;
}
.wp-block-senff-sticky-block{ padding: 0 !important;}


.headerPrincipal .current-menu-item a, .headerSecondaire .current-menu-item a{ color: white !important; z-index: 2;}

.headerPrincipal a:hover{ color: var(--wp--preset--color--contrast) !important;}
.headerPrincipal .current-menu-item a:hover{ color: rgba(255, 255, 255, 0.91) !important;}

.headerSecondaire .current-menu-item:before{ content: ""; display:block; position: absolute; width: 160%; height: 50px; background-color: var(--wp--preset--color--primary); transform: skew(20deg); z-index: 1; left: -35%; top: -22px; }

.wp-element-button, .mask figure, .membre figure, .boutonsCat .link{
	transition: transform .3s !important;	
}
.ressources .wp-block-group { min-height: 170px;}
.wp-element-button:hover, .mask figure:hover, .membre figure:hover, .boutonsCat .link:hover{
	transform: scale(1.1) !important;
}
.logo_home{ margin-top: -150px !important; z-index: 50; position: relative;}
.logo_home .wp-block-image{ background-color: white; border-radius: 50%; box-shadow: 0px -10px 8px 2px rgba(0, 0, 0, 0.17); }
.ib-counter-title{ text-transform: uppercase;}


.entete figure{ overflow: hidden !important; max-height: 480px;}
.entete .wp-block-post-title{ margin-top: 10%; z-index: 20; position: relative;}

/* .entete .wp-block-cover__background{ background: url(img/bg_actu.svg) center center no-repeat; background-color: transparent !important; background-size: cover; opacity: 0.8 !important;} */

.post-template-event .entete{overflow: visible;}

.sous_titre{ margin-top: -150px; z-index: 30;}

.breadcrumb{ padding-left: 15% !important; }

/* .actus_home{ background: url(img/bg_actu.svg) center center no-repeat; background-size: cover;} */

.hachures{
	  background: url(/wp-content/uploads/2023/12/OTHU_pluie.gif) repeat center center;
}
.hachures.bleu{
	  background: linear-gradient(-45deg, #00A6BC 1%, #fff 1%, #fff 49%, #00A6BC 49%, #00A6BC 51%, #fff 51%, #fff 99%, #00A6BC 99%);
  background-size: 7px 7px;
}

footer{ margin-top: 0 !important;}
.wp-site-blocks{ padding-bottom: 0 !important;}

footer .wp-block-separator{ border: none !important; }
footer .wp-block-separator{ border-bottom: 1px solid white !important;}

.wp-block-search__inside-wrapper { border: none !important; }
.wp-block-search__inside-wrapper .wp-element-button, .newsletter .wp-block-button__link{ padding: 10px !important; border-radius: 0px 4px 4px 0px; box-shadow: none; margin-left: 0 !important;}
.wp-block-search__inside-wrapper input, .newsletter .email{box-shadow: inset 0px 0px 5px 3px rgba(2, 2, 2, 0.09); border-radius: 4px 0px 0px 4px; background-color: white; padding: 0px 7px !important; }

.newsletter .email{ line-height: 47px !important; min-width: 300px;}

.nextend-arrow-next{ left: 30%; background-color: #00A6BC !important; border-radius: 50% !important; padding: 15px !important; box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.12) !important;}



.contact-form label.consent{ text-transform: none !important;}

.numbers ol {counter-reset: activ;} /* on initialise et nomme un compteur */
.numbers2 ol {counter-set: activ2 3;}
.numbers li, .numbers2 li {
	list-style-type: none;
	margin-bottom: 10px;
	text-align: center;
}
.numbers li {
	counter-increment: activ; /* on incrémente le compteur à chaque nouveau li */

}
.numbers2 li {
	counter-increment: activ2; /* on incrémente le compteur à chaque nouveau li */
}

.numbers li:before {
	content: counter(activ); /* on affiche le compteur */
}
.numbers2 li:before {
	content: counter(activ2); /* on affiche le compteur */
}

.numbers li:before, .numbers2 li:before {
	
	padding: 5px 5px;
	margin-right: 8px;
	vertical-align: top;
	background: #47277B;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: bold;
	font-size: 1.3em;
	color: white;
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
			
}

.wp-block-nextend-smartslider3 h2{ font-family: basic-sans !important; font-style: italic !important; font-weight: bold; }

.chiffres .ib-counter, .chiffres .ib-counter-title{ text-align: left !important;}

.col_contact{ margin-top: -200px !important; z-index: 50; position: relative; }

.date_pub{ z-index: 60 !important;}
.date_pub .date{ position: absolute;
    top: 415px;
    z-index: 50;
 }
 
 .boutonsCat .link a{ text-decoration: none !important;}
 
 .boutonsCat .link{ border-radius: 100px 0px / 100px; position: relative;}

.wp-block-query .wp-block-post{ position: relative; border-radius: 20px !important; overflow: hidden;}    
.taxonomy-category{ background-color: white; border-radius: 100px 0px / 100px; position: relative; position: absolute; padding: 5px 15px; top: 15px; }

.taxonomy-category a {text-decoration: none !important;}

.wp-block-query .wp-block-post{ opacity: 0.9; transition: transform 0.8s;}
.wp-block-query .wp-block-post:hover{ opacity: 1}

.wp-block-query .wp-block-post-date{ position: absolute; margin-top: -45px; background-color: white; border-radius: 25px; padding: 5px 15px; }

.category-publications:hover .taxonomy-category{ background-color: white !important;}

.wp-block-query .category-publications .taxonomy-category a, .wp-block-query .category-publications .wp-block-post-date, .wp-block-query .category-publications h3 a, .wp-block-query .category-publications a.wp-block-post-excerpt__more-link{ color: #47277B !important;}

.wp-block-query .wp-block-post:hover .taxonomy-category a{ color: white !important; }

.wp-block-query .category-evenement .taxonomy-category a, .wp-block-query .category-evenement .wp-block-post-date, .wp-block-query .category-evenement h3 a, .wp-block-query .category-evenement a.wp-block-post-excerpt__more-link{ color: #00A6BC !important;}

.wp-block-query .category-donnees .taxonomy-category a, .wp-block-query .category-donnees .wp-block-post-date, .wp-block-query .category-donnees h3 a, .wp-block-query .category-donnees a.wp-block-post-excerpt__more-link{ color: #C1960E !important;}

.boutonsCat .publications a{ color: var(--wp--preset--color--contrast) !important; }
body.category-publications .boutonsCat .publication, body.category-publications .boutonsCat .publication a, .category-publications:hover .taxonomy-category{ background-color: var(--wp--preset--color--contrast) !important; color: white !important;}

.boutonsCat .donnees a{ color: var(--wp--preset--color--secondary) !important; }
body.category-donnees .boutonsCat .donnees, body.category-donnees .boutonsCat .donnees a, .category-donnees:hover .taxonomy-category{ background-color: var(--wp--preset--color--secondary) !important; color: white !important;}

.boutonsCat .evenements a{ color: var(--wp--preset--color--primary) !important; }
body.category-evenement .boutonsCat .evenements, body.category-evenement .boutonsCat .evenements a, .category-evenement:hover .taxonomy-category{ background-color: var(--wp--preset--color--primary) !important; color: white !important;}

.boutonsCat .autres a{ color: var(--wp--preset--color--tertiary) !important; }
body.category-autres .boutonsCat .autres, body.category-autres .boutonsCat .autres a, .category-autres:hover .taxonomy-category{ background-color: var(--wp--preset--color--tertiary) !important;  color: white !important;}

.wp-element-button:visited, .wp-block-button__link:visited{ color: white;}

.category-projets .entry-content p{ margin-top: 20px;}

.wp-block-post-template li{ background-color: white;}

body.archive .wp-block-post .taxonomy-category a{ color: white !important;}

.prefix{ font-size: 0.6 rem !important; color: #47277B !important; font-weight: normal !important;}

.logoLabex{ margin-top: 7px !important;}



.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ background-color: var(--wp--preset--color--contrast) !important; color: white; font-size: 18px;}

.alcb__logo-caption{ line-height: 15px;}

@media (max-width: 1480px) {
	.mask{padding-left: 1% !important; padding-right: 18% !important;}
	
}

@media (min-width: 650px) {
.headerPrincipal .current-menu-item:before{ content: ""; display:block; position: absolute; width: 160%; height: 99px; background-color: var(--wp--preset--color--primary); transform: skew(20deg); z-index: 1; left: -30%; }
}
@media (max-width: 650px) {
	.date_pub .date{ top: 350px;}
	.flip-box-vertical { min-height: 150px;}
	.mask{padding-right: 50% !important;}
	.membre { padding: 10px; min-width: 125%; margin-left: -10%;}
	.membre .function em{ line-height: 15px;}
}