/*
Theme Name: Oxya Avocat
Author: Gaëtan Ruiz ( Origarti.fr )
Description: Thème WordPress pour Oxya Avocat, conçu par Gaëtan RUIZ ( Origarti.fr )
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* 00A - LAYOUT */
main.elementor, main#content {
	margin: auto;
	width: 100%;
	max-width: calc(100% - 100px) !important;
}
.page-with-sidebar.has-sidebar > .inner { display: flex; flex-direction: row; width: 100%; max-width: 1740px; margin-bottom: 3em; }
.page-with-sidebar.has-sidebar .page-main { flex: 3; padding-right: 2.5em; padding-left: 2.5em; }
.page-with-sidebar.has-sidebar .page-sidebar { flex: 1; min-width: 400px; padding-left: 2.5em; }

.page-with-sidebar .page-main  > .inner { display: grid; width: 100%; grid-gap: 1.5em; }

@media screen and (min-width: 1400px){
	.page-with-sidebar.has-sidebar .page-sidebar { border-left: 1px solid #DED9CC;  }
}
@media screen and (max-width: 1280px){
	/*	.page-with-sidebar.has-sidebar .page-main  > .inner { grid-template-columns: 1fr 1fr; }*/
	/*	.page-with-sidebar.no-sidebar .page-main  > .inner { grid-template-columns: 1fr 1fr 1fr ; }*/
	.page-with-sidebar.has-sidebar > .inner { flex-direction: column-reverse; }
	.page-with-sidebar.has-sidebar .page-main, .page-with-sidebar.has-sidebar .page-sidebar { flex: 1; }
	.page-with-sidebar.has-sidebar .page-sidebar { padding-top: 2em; padding-bottom: 2em; }
	.page-with-sidebar.has-sidebar .page-sidebar,
	.page-with-sidebar.has-sidebar .page-main { padding-right: 0px; padding-left: 0px; }
	.page-with-sidebar .page-main  > .inner { grid-gap: 1em; }
}
@media screen and (max-width: 1024px){
	.page-with-sidebar.has-sidebar .page-main, 
	.page-with-sidebar.has-sidebar .page-sidebar { padding-left: 1em; padding-right: 1em; }
	main.elementor, main#content { max-width: calc(100% - 30px) !important;	}
}
@media screen and (max-width: 960px){
	
}
@media screen and (max-width: 640px){
	main.elementor, main#content { max-width: calc(100% - 15px) !important;	}
	body.single-post .page-with-sidebar.has-sidebar > .inner { flex-direction: column; }
	body.single-post .page-with-sidebar.has-sidebar .page-sidebar { padding-top: 2em; }
	.page-with-sidebar.has-sidebar .page-sidebar { min-width: 0px;  }
	.page-with-sidebar.has-sidebar .page-main, 
	.page-with-sidebar.has-sidebar .page-sidebar { padding-left: 0; padding-right: 0; }
}


.linkBlock:hover { cursor: pointer; }


/* 00B - Typographies */
a { color: var(--e-global-color-primary); }
body b, body strong { font-weight: bold; }
.block-title {  }
.block-title em { display: block; }
.block-title:after { content:""; display: block; width: 75px; height: 4px; margin-top: 15px; background-color: #B3CDD0; }
.block-title.centered { text-align: center; }
.block-title.centered:after { margin: 1em auto; }

hr { border-color: #B4E5F1;  }

body { font-size: 1em;  }

@media screen and (min-width:  1600px){ body { font-size: 16px; }  }
@media screen (min-width: 1280px) and (max-width:  1599px){ body { font-size: 16px; }  }
@media screen and (max-width:  1279px){ body { font-size: 15px; }  }
@media screen and (max-width:  1023px){ body { font-size: 14px; }  }
@media screen and (max-width:  640px) { body { font-size: 13px; }  }


body h1, .h1 { font-size: 3.000em; } 	 body h2, .h2 { font-size: 2.000em; }
body h3, .h3 { font-size: 1.438em; }	 body h4, .h4 { font-size: 1.313em; }
body h5, .h5 { font-size: 1.188em; }	 body h6, .h6 { font-size: 1.188em; }

body h1, body .h1, body h2, body .h2, body h3, body .h3 { font-family: "lust", "museo-sans", serif; }
body h4, body .h4, body h5, body .h5, body h6, body .h6 { font-family: "museo-sans", "Lust", serif; }

body h1, body .h1, body h2, body .h2, body h3, body .h3, 
body h4, body .h4, body h5, body .h5, body h6, body .h6 { letter-spacing: 0.020em; color: var(--e-global-color-text); }


body h1, body .h1 { line-height: 150%;  }
body h2, body .h2, body h3, body .h3, 
body h4, body .h4, body h5, body .h6 { line-height: 135%; }
body h4, body .h4 { font-weight: 700; } body h5, body .h5 { font-weight: 500; } body h6, body .h6 { font-weight: 300; }


body .elementor-heading-title { line-height: 125%; }
body .elementor-heading-title em { font-weight: normal; display: block; font-style: normal; }
.h1-subtitle { display: none; font-size: 15px; font-family: "museo-sans", sans-serif; text-transform: uppercase; margin-top: 10px;}

@media screen and (max-width:  640px) {
	body h1, .h1 { font-size: 2.000em; }   body h2, .h2 { font-size: 1.438em; }
	body h3, .h3 { font-size: 1.313em; }	body h4, .h4 { font-size: 1.188em; }
	body h5, .h5 { font-size: 1.188em; }	body h6, .h6 { font-size: 1.085em; }
}

.chapo { font-size: 1.167em; }
.preTitle, .preTitre { font-size: 0.889em; font-style: normal; font-weight: 300; text-transform: uppercase; }


/* 01 - HEADER | FOOTER | INVARIANTS */

#mega-menu-expertise { padding-top: 0 !important; padding-bottom: 0 !important; }

#header-oxya {  }
/*#header-oxya > .elementor-container { 
	display: grid;
	grid-template-columns: 280px 1fr 425px;
 }*/
#header-logo, #header-nav, #header-tools { width: auto; }
#header-logo {  }
#header-nav { padding-top: 0; padding-bottom: 0; padding-right: 15px; }

.elementor-251 .elementor-element.elementor-element-db2288c .uc-mega_menu_title {
	padding: 32px 15px 32px 15px;
}

#header-tools { padding-right: 15px; }
   #header-ctas {  }
	   #header-ctas-butons {  }
   #header-social { padding-left: 10px; }
   #header-social .elementor-widget-container { margin-top: 0; }

@media screen and (max-width: 1280px){
	/*#header-oxya > .elementor-container {
		grid-template-columns: 150px 1fr 150px;
	}*/
}
@media screen and (max-width: 640px){ 
	#header-logo { width: 115px; }
	#header-tools { padding-right: 5px; }
}

#content-top .preTitle { display: inline-block; padding: 5px 10px; font-weight: 400; background-color: var(--e-global-color-accent); color: white; }
#content-top  h1 { max-width: 800px; padding-left: 1em; padding-right: 1em; margin: auto; }

body.expertise-employeur #content-top .preTitle { background-color: var(--e-global-color-accent); }
body.expertise-employeur .expertise-list-item.current-item .expertise-list-item-label { background-color: #C03B35; }

body.expertise-salariat #content-top .preTitle { background-color: var(--e-global-color-text); }
body.expertise-salariat .expertise-list-item.current-item .expertise-list-item-label { background-color: var(--e-global-color-text); }

/*.accordions .accordion { border-bottom: 1px solid #B4E5F1; }*/
.accordions .accordion { margin-bottom: 1em; }
.accordions .accordion:last-child { border-bottom: 1px solid transparent; }
.accordion-header { 
	display: flex; flex-wrap: nowrap; 
	padding-top: 5px; padding-bottom: 5px; 
	background-color: #ECF5F6; 
	cursor: pointer; 
	border-radius: 5px;
}

.accordion-header .accordion-icon { position: relative; width: 55px;  }
.accordion-header .accordion-icon:after { content: "+"; display: block; text-align: center; line-height: 1; font-size: 2.5em; font-weight: 600; color: #093B47;}
.accordion-header, .accordion-header .accordion-icon:after { color: #093B47; }

.accordion-header .accordion-header-txt, .accordion-header .accordion-icon:after { transition: color 300ms ease-in-out; }
.accordion-header .accordion-header-txt { flex: 1;   }
.accordion-header .accordion-header-txt, .accordion-body > .inner { padding-left: 10px; padding-right: 10px; }


.accordion-header .accordion-title { flex: 1; font-size: 15px; font-weight: 300; text-transform: uppercase; font-family: "museo-sans", "Lust", serif; margin-bottom: 0px; }
.accordion-header .accordion-subTitle { font-size: 15px; font-weight: 400; text-transform: uppercase; margin-bottom: 5px; }
.accordion-body { display: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.accordion-body > .inner { padding-top: 10px; padding-bottom: 10px;}

.accordion.is-active .accordion-header { background-color: var(--e-global-color-accent); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.accordion.is-active .accordion-header .accordion-icon:after { content: "-";    }
.accordion.is-active .accordion-title, .accordion.is-active .accordion-header .accordion-icon:after { color: #FFF;  }
.accordion.is-active .accordion-body { display: block; color: white; background-color: #093B47; }


/* Expertises - 00 - LISTES */
.oxya-expertise-list {  }
.oxya-expertise-list > .inner {  }
	.oxya-expertise-list > .inner > ul { display: grid; grid-gap: 1em; padding-left: 0; }
	.oxya-expertise-list > .inner > ul > li { display: flex; flex-direction: column; align-items: center; text-align: center; }
	.oxya-expertise-list.expertises-employeur > .inner > ul { grid-template-columns: 1fr 1fr 1fr; }
	.oxya-expertise-list.expertises-salariat > .inner > ul { grid-template-columns: 1fr 1fr; }

.expertise-list-item-label { margin-top: 10px; text-align: center; text-transform: uppercase;}
.expertise-list-item-icon { 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
	/*	margin: auto;*/
	width: 95px; height: 95px; 
	transition: border-color 350ms ease-in-out;
	border: 2px solid transparent;
	/*	border-radius: 50px; border-style: solid; border-width: 2px;*/
}
.expertise-list-item-icon, .expertise-list-item-icon img { border-radius: 50px; }

.expertise-list-item.current-item { font-weight: bold; }
.expertise-list-item.current-item .expertise-list-item-label { padding: 5px; }


/* Expertises */
.expertise-single-section {
	margin-top: 75px; margin-bottom: 75px;
	padding-top: 75px; padding-bottom: 75px;
	padding-left: 15px; padding-right: 15px;
}
.expertise-single-section .block-title { margin-bottom: 50px; }
.expertise-single-section > .container {
	max-width: 1140px; width: 100%; 
	padding-left: 15px; padding-right: 15px;
	margin: auto;
}
.expertise-single-section > .container.large {
/*	max-width: 1340px;*/
}
.expertise-single-section > .container.narrow {
	max-width: 680px;
}

/* Expertises - 01 - Introduction */
#expertise-single-introduction { margin-top: 0; }
#expertise-single-introduction .expertise-list-item  { margin-bottom: 1em; }
#expertise-single-introduction .expertise-list-item-icon { margin: auto; width: auto; height: auto; }
#expertise-single-introduction .expertise-list-item-icon img { width: 105px; height: 105px; }

.expertise-introduction-content { font-size: 1.15em; font-weight: bold; margin-bottom: 8px; }
main.expertise-employeur .expertise-introduction-content  { color: #C03B35; }
main.expertise-salariat .expertise-introduction-content  { color: var(--e-global-color-primary); }

/* Expertises - 03 - UseCases */
#expertise-single-useCases {
	background-color: #F8F8F8; border-radius: 15px;
}
.oxya-useCases { 
	display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; 
}
	
   .oxya-useCase-item { color: var( --e-global-color-primary ); }
      .oxya-useCase-header, .oxya-useCase-body { position: relative; padding-left: 75px; }
      .oxya-useCase-header:before, .oxya-useCase-body:before { content: ""; position: absolute; left: 0; }
      .oxya-useCase-header { font-weight: 700; font-size: 1.313em; }
	      .oxya-useCase-header:before { 
	      	top: 10px; 
	      	width: 65px; height: 5px; background: var(--e-global-color-accent);
	      }
      .oxya-useCase-body {  }
      .oxya-useCase-body:before { 
      	width: 40px; height: 80px;
      	background-image: url(https://oxya-avocat.com/wp-content/uploads/2022/09/oa-motif-c-left-principal.svg);
      	background-repeat: no-repeat;
      	background-size: contain;
      	background-position: top left -11px;
       }
@media screen and (max-width:  1024px){ .oxya-useCases { margin-top: 30px;	grid-template-columns: 1fr 1fr ; grid-gap: 30px;  } }
@media screen and (max-width:  640px){ 
	.oxya-useCases { margin-top: 30px;	grid-template-columns: 1fr; grid-gap: 15px;  }
	.oxya-useCase-header, .oxya-useCase-body { padding-left: 35px; }
	.oxya-useCase-header:before { width: 30px; }
}

/* Expertises - 04 - Honoraires */
#expertise-single-honoraires {
	border: 5px solid #B3CDD0; border-radius: 15px;
}

table.oxya-honoraires-table {  }
table.oxya-honoraires-table td, table.oxya-honoraires-table td:hover { background: transparent !important; border: none; }
	tr.oxya-honoraire-item > td { padding: 0; }
	tr.oxya-honoraire-item table { margin-bottom: 0; }
	tr.oxya-honoraire-item table > tr  { display: inline-flex; }
	tr.oxya-honoraire-item .oxya-honoraire-item-label-described {  }
	tr.oxya-honoraire-item .oxya-honoraire-item-pricing { width: 150px; color: #869B9D; }
	tr.oxya-honoraire-item .oxya-honoraire-item-description { font-size: 1.15em; padding-top: 0;}

	div.oxya-honoraire-item-title { display: inline-flex; width: 100%;}
	div.oxya-honoraire-item-title span { display: block;  }
	div.oxya-honoraire-item-title span.label { padding-right: 15px; }
	div.oxya-honoraire-item-title span.redLine { flex: auto; border-bottom: 2px solid var(--e-global-color-accent); }

/* Expertises - 05 - Bas de page */
#expertise-bottom { 
	display: grid; 
	margin-bottom: 75px; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; 
	border-radius: 10px; 
	overflow: hidden;
}
#expertise-bottom .expertise-single-section { margin-top: 0; margin-bottom: 0; }
#expertise-bottom.has-faq.has-related { 
	grid-template-areas: "expertiseFAQ expertiseNews" "expertiseRelated expertiseRelated";
	grid-template-columns:  1fr 1fr;
}
#expertise-bottom.no-faq {
	grid-template-areas: "expertiseNews" "expertiseRelated";
	grid-template-columns:  1fr;
}
#expertise-bottom.no-faq.no-related {
	grid-template-areas: 
	"expertiseNews expertiseNews"
	"expertiseRelated expertiseRelated";
}

	#expertise-faq { grid-area: expertiseFAQ; }
	#expertise-news { grid-area: expertiseNews; }


	#expertise-faq > .inner, 
	#expertise-news > .inner { max-width: 550px; width: 100%; margin: auto; }
	#expertise-news .block-title em { display: block; }
	#expertise-news .block-title:after {  }

	#expertise-faq { background-color: #ECECEC; border-top-left-radius: 15px; }
	#expertise-news:before {
		content:"";
		position: absolute; top: 0; left: 0; z-index: -1;
		width: 100%; height: 100%;
		background-color: #B3CDD0; 
		opacity: 0.75;
	}
	#expertise-news { 
		position: relative; z-index: 2;
		background-size: cover; background-position: center center;
		border-top-right-radius: 15px; 
	}

@media screen and (max-width: 800px){
	.expertise-single-section .block-title { text-align: center; }
	.expertise-single-section .block-title:after { margin: auto; }


	#expertise-bottom { display: flex; flex-direction: column; }
}
@media screen and (max-width: 640px){
	.oxya-expertise-list.expertises-employeur > .inner > ul { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 320px){
	.oxya-expertise-list.expertises-employeur > .inner > ul,
	.oxya-expertise-list.expertises-salariat > .inner > ul { display: flex; flex-direction: column; }
}


/* Expertises - 05A - FAQ */
.oxya-accordion .uc_ac_box { overflow:hidden; }
.oxya-accordion em  { font-style: normal; }
.oxya-accordion .ue_heading_title { margin:0; flex-grow:1; }
.oxya-accordion .uc_container .uc-heading  {
	display: flex; align-items: center;
	overflow: hidden; cursor: pointer;
}
.oxya-accordion .uc-heading span.ue_accordion_icon {
	display:flex; align-items: center; justify-content: center;
   flex-grow: 0; flex-shrink: 0;
}
.oxya-accordion .uc_ac_box.uc-item-active .uc_dactive { display: none; }
.oxya-accordion .uc_ac_box.uc-item-active .uc_dactive span.ue_accordion_icon { color: var(--e-global-color-accent); }

.oxya-accordion .uc_content { display:none; }
.oxya-accordion .uc_ac_box:not(.uc-item-active) span.uc_active {
	display:none;
}
.oxya-accordion .uc_container .uc_btn {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: ease-in-out all 0.25s;
}

.oxya-accordion .ue-item-image img { width: 100%; display: block; object-fit: cover; }

/* Expertises - 05B - NEWS */
#expertise-news .block-title:after { background-color: var(--e-global-color-primary); }


/* Expertises - 05C - Related */
#expertise-related { 
	position: relative;
	grid-area: expertiseRelated; width: 100%; background-color: #F8F8F8; 
	background-position: center center; background-size: cover;
	border-radius: 0px 0px 15px 15px;
}
#expertise-related > .inner { position: relative; z-index: 2; }
#expertise-related:before { 
	content: ""; position: absolute; z-index: 1; top: 0; left: 0; 
	width: 100%; height: 100%; 
	opacity: 0.85;
}
main.expertise-single-employeur #expertise-related:before { background-color: var(--e-global-color-accent);  }
main.expertise-single-salariat #expertise-related:before { background-color: #185864;  }

#expertise-related .block-title { margin-bottom: 50px; }
#expertise-related .block-title, #expertise-related .block-title .title { color: white; }
#expertise-related .block-title:after { background-color: white; }
#expertise-related .expertise-list-item-label, 
#expertise-related .expertise-list-item-label a { color: white; }

#expertise-related .expertise-list-item.current-item .expertise-list-item-icon,
#expertise-related .expertise-list-item:hover .expertise-list-item-icon {
	overflow: hidden; 
	background-color: rgba(0,0,0,0.15);
	border: 2px solid #FFF;
}
#expertise-related .expertise-list-item-icon  {
	margin: auto;
}

/* Ressources - 06A - Archive */

.archive-posts.has-sidebar .page-main  > .inner { grid-template-columns: 1fr 1fr 1fr; }

@media screen and (max-width: 1400px){ .archive-posts.has-sidebar .page-main  > .inner { grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 1280px){ .archive-posts.has-sidebar .page-main  > .inner { grid-template-columns: 1fr 1fr 1fr; } }
@media screen and (max-width: 1024px){ .archive-posts.has-sidebar .page-main  > .inner { grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 640px){ 
	.archive-posts.has-sidebar .page-main  > .inner { grid-template-columns: 1fr ; } 

}

.taxonomie-content ul, .taxonomie-content-buttons ul { padding-left: 0; list-style: none; }
.taxonomie-content li { margin-bottom: 0.5em; font-size: 0.875em; font-weight: 700; color: var(--e-global-color-primary); font-style: normal; text-transform: uppercase; }
.taxonomie-label { margin-bottom: 0.5em; font-weight: 900; font-size: 0.875em; letter-spacing: 0.25; text-transform: uppercase; color: var(--e-global-color-primary); }
.taxonomie-content-buttons ul { display: flex; }
	.taxonomie-content-buttons li { margin-right: 0.5em; margin-bottom: 0.5em; }
	.taxonomie-content-buttons li:last-child { margin-right: 0px; }
	.taxonomie-content-buttons li:nth-child(odd) .ee-button { background-color: var(--e-global-color-primary); }
	.taxonomie-content-buttons li:nth-child(even) .ee-button { background-color: var(--e-global-color-text); }
		.taxonomie-content-buttons li span.ee-button-content-wrapper { 
			padding: 8px 15px !important; 
			font-size: 0.875em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.25;
		}
		.taxonomie-content-buttons li span.ee-button-content-wrapper:hover,
		.taxonomie-content-buttons li.taxonomie_list-item-all .ee-button {
			background-color: var(--e-global-color-accent) !important; color: white; 
		}
@media screen and (max-width: 768px){
	.taxonomie-content ul, .taxonomie-content-buttons ul { flex-wrap: wrap; }
}
.ee-swiper .ee-post { background-color: transparent !important; }
.loop-item_news { 
	display: flex; flex-direction: column; justify-content: center;
	min-height: 400px; overflow: hidden; 
	border: 1px solid #DED9CC; border-radius: 5px; 
	background-color: #fff;
	transition: border-color 350ms ease-in-out color 350ms ease-in-out background 350ms ease-in-out;
}

.loop-item_news > .inner { display: flex; flex-direction: column-reverse; height: 100%;  }
.loop-item_news-body > .inner { padding-left: 1.65em; padding-right: 1.65em; }

.loop-item_news .loop-item-title { margin-top: 0; margin-bottom: 0; }
.loop-item_news .loop-item-title a { display: block; }
.loop-item_news .loop-item-title a:hover { color: var(--e-global-color-accent); }

.loop-item-meta-date { font-size: 0.875em; font-weight: 500; letter-spacing: 0.1; font-style: normal; color: var(--e-global-color-primary); text-transform: uppercase; }
.loop-item_news .loop-item-excerpt { margin-top: 1em; }

.loop-item_news.has-thumbnail .loop-item-thumbnail { height: 220px; }
.loop-item_news.has-thumbnail .loop-item-thumbnail img { object-fit: cover; height: 100%; }

.loop-item_news.has-thumbnail .loop-item_news-header, .loop-item_news-body { flex: 1; }
.loop-item_news.has-thumbnail .loop-item_news-header img { width: 100%; }
.loop-item_news.has-thumbnail .loop-item_news-header > .inner { height: 100%; }
.loop-item_news.has-thumbnail .loop-item_news-body > .inner { padding-top: 2em; padding-bottom: 2em; }

.loop-item_news.no-thumbnail .loop-item_news-body { display: flex; flex-direction: column; justify-content: center; }

.loop-item_news.linkBlock:hover { border-color: var(--e-global-color-accent); color: #DED9CC; background-color: #185864; }
.loop-item_news.linkBlock:hover .taxonomie_list-item { background-color: var(--e-global-color-accent); color: white;  padding-left: 5px; padding-right: 5px; }
.loop-item_news.linkBlock:hover .loop-item-title a,
.loop-item_news.linkBlock:hover .loop-item-meta-date  { color: #FFF;  }
.loop-item_news.linkBlock:hover .loop-item-thumbnail img { opacity: 0.65;  }

.ee-swiper .ee-post .loop-item_news { max-width: 400px; margin: auto; }

@media screen and (max-width: 1024px){ 
	.loop-item_news-body > .inner { padding-left: 1em; padding-right: 1em; }
}

/*
@media screen and (min-width: 800px) and (max-width: 1024px){ 
	.loop-item_news { min-height: 0; }
	.loop-item_news.no-thumbnail { padding-top: 1.5em; padding-bottom: 1.5em;	 }
	.loop-item_news.has-thumbnail > .inner { display: flex; flex-direction:row; flex-wrap: nowrap; }
	.loop-item_news.has-thumbnail .loop-item-thumbnail { height: 100%; }
	.loop-item_news.has-thumbnail .loop-item-header { flex: 0.75; }
} */

@media screen and (max-width: 640px){
	.loop-item_news { min-height: 0px; }
	.loop-item_news.no-thumbnail { padding-top: 2em; padding-bottom: 2em; }
	.loop-item_news.has-thumbnail .loop-item-thumbnail { height: 150px; }
}
.nav-links, .nav-links .page-numbers { display: flex; align-items: center; justify-content: center; text-align: center; }
.nav-links .page-numbers { 
    width: 40px; height: 40px; padding: 10px; margin: 5px;
    font-size: 13px; font-weight: 400;
    border: 1px solid #ECF5F6; border-radius: 50%;
}
.nav-links .page-numbers:hover { background-color: #ECF5F6; }
	.nav-links .page-numbers.current { color: white; background-color: #F04C3E; }
	.nav-links .page-numbers.next, .nav-links .page-numbers.previous { color: #F04C3E; font-size: 13px; }

/* Ressources - 06B - Single */

.sidebar-widget-title { margin-bottom: 0.5em; font-weight: 900; font-family: "museo-sans", "lust", sans-serif;}
.single-posts-sidebar-widget { margin-bottom: 2em; }

body.single .sidebar-widget-title { color: var(--e-global-color-accent); }

.single-posts-sidebar-widget-category { grid-area: widgetCategory;}
.single-posts-sidebar-widget-date { grid-area: widgetDate;}
.single-posts-sidebar-widget-expertises-related { grid-area: widgetExpertisesRelated; }
.single-posts-sidebar-widget-news-related { grid-area: widgetNewsRelated; }
.single-posts-sidebar-widget-news-pagination { grid-area: widgetNewsPagination; }

	.widget-expertise-list-related {  }
	.widget-expertise-list-related  { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; padding-left: 0; list-style: none; }
	.widget-expertise-list-related li { border: 1px solid #F5F4F0; padding: 15px; border-radius: 10px; }
	.widget-expertise-list-related li.expertise-list-item-salariat { color: var(--e-global-color-primary); }
	.widget-expertise-list-related li.expertise-list-item-employeur { color: var(--e-global-color-accent); }
	.widget-expertise-list-related li > .inner { display: flex; flex-direction: column; align-items: center; }

	.widget-expertise-list-related .expertise-list-item-label { letter-spacing: 0.2; font-size: 0.75em; font-weight: 300; }
	.widget-expertise-list-related .expertise-list-item-icon { width: 90px; height: 90px; }

	@media screen and (max-width: 1280px){
		.widget-expertise-list-related  { display: flex;  }
		.widget-expertise-list-related li { flex: 1;  }
		.single-posts.has-sidebar .page-sidebar {
			display: grid; grid-gap: 2em;
			max-width: 960px; width: 100%; margin: auto;
			grid-template-areas: 
			"widgetDate widgetCategory widgetNewsPagination" 
			"widgetExpertisesRelated widgetExpertisesRelated widgetNewsPagination" 
			"widgetExpertisesRelated widgetExpertisesRelated widgetNewsRelated";
		}
		.widget-expertise-list-related .expertise-list-item-icon { width: 70px; height: 70px; } 
		.page-sidebar .loop-item_news { min-height: 200px; }
	}
	@media screen and (max-width: 640px){ 
		.widget-expertise-list-related  { flex-direction: row; } 
		 
		.single-posts.has-sidebar .page-sidebar {
			grid-template-areas: 
			"widgetDate widgetDate" 
			"widgetCategory widgetCategory" 
			"widgetExpertisesRelated widgetExpertisesRelated" 
			"widgetNewsPagination widgetNewsPagination" 
			"widgetNewsRelated widgetNewsRelated";
		}
		.widget-expertise-list-related .expertise-list-item-label { font-size: 13px; }
	}


/* Ressources - 06B - Single - Editor Gutenberg */
@media screen and (max-width: 1400px){
	.editor-gutenberg .alignwide { margin-left: 0; margin-right: 0; } 
}
body.page-template-default:not(.elementor-page) .page-content { padding: 3em 1em; }
body.page-template-default:not(.elementor-page) .page-content ul, 
body.page-template-default:not(.elementor-page) .page-content ol, body.page-template-default:not(.elementor-page) .page-content blockquote { margin-bottom: 2em; }
body.page-template-default:not(.elementor-page) .page-content ul li, body.page-template-default:not(.elementor-page) .page-content ol li { margin-bottom: 0.55em; }

body.page-template-default:not(.elementor-page) .page-content, 
.editor-gutenberg > .inner, 
.editor-author { max-width: 960px; width: 100%; margin: auto; }

.editor-gutenberg blockquote { 
	padding: 1.5em 3em; padding-left: 6.5em; margin-left: 0; margin-right: 0;
	font-family: "museo-sans", "lust", serif; font-size: 1.35em; line-height: 165%; text-align: left; font-style: italic;
	background-color: #f5f4f0; background-image: url('assets/img/patterns/oa-motif-c-left-principal.svg'); background-repeat: no-repeat; background-position: center left 0em;
	border-radius: 10px;
}
.editor-gutenberg blockquote, .editor-gutenberg blockquote p, .editor-gutenberg blockquote a { color: var(--e-global-color-text); }

.editor-gutenberg blockquote > *:last-child { margin-bottom: 0; }

.editor-gutenberg blockquote, 
.editor-gutenberg ul, .editor-gutenberg ol,
.editor-gutenberg .wp-block-media-text  { margin-bottom: 2em; }
.editor-gutenberg ul, .editor-gutenberg ol { padding-left: 1em; }


.elementor .editor-gutenberg hr { margin-bottom: 2em; margin-top: 2em; }

.editor-author { padding: 60px; background-color: #ECF5F6; border-radius: 10px; }
.editor-author > .inner { display: flex; flex-direction: row; width: 100%; align-items: center; }
.editor-author-thumbnail { width: 125px; }
.editor-author-thumbnail img { border-radius: 200px !important; }
.editor-author-content { flex: 1; padding-left: 1.5em; }
.editor-author-content .block-title:after { display: none; }
.editor-author-preTitle { color: var(--e-global-color-accent); font-size: 0.75em; text-transform: uppercase; }
.editor-author-title { margin-bottom: 0.5em; }
.editor-author-description { }


@media screen and (max-width: 1280px){ 
	.editor-gutenberg blockquote { font-size: 1.15em; line-height: 135%; }
	.editor-author { padding: 30px; } 
}
@media screen and (max-width: 640px){ 
	.editor-gutenberg blockquote { padding: 1.5em; background-image: none; }
	.editor-author-thumbnail  { width: 75px; } 
	.editor-author { padding: 25px 15px; }
}
@media screen and (max-width: 480px){ 
	.editor-author > .inner { flex-direction: column; }
	.editor-author-thumbnail { margin-bottom: 1em; }
}