/*
Theme Name: spectra-mathilde
Theme URI: https://mathilderivoire.fr
Author: Mathilde Rivoire
Author URI: https://www.mathilderivoire.fr/
Description: mon nouveau thème FSE
Requires at least: 5.8
Tested up to: 6.2.2
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: spectra-mathilde
Tags: 
*/
 /* ---------------  Couleurs variables background-color: var(--color-blanc); ---------------*/
 :root {
    --color-texte: #444444;
    --color-clair: #F2EDE4;
    --color-ultraclair:#f7f8fd;
    --color-survol: #FF520A; 
    --color-blanc: #ffffff;
    --typo-texte: 'Poppins';
    --typo-titres: 'Poppins';
    }
    /* ----------------- Off icons Generated using nucleoapp.com --------------- */
    body{
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: geometricPrecision;
      }  
    html {
        scroll-behavior: smooth;
      }
    @font-face {
      font-family: 'mat';
      src: url('fonts/mat.eot');
      src: url('fonts/mat.eot') format('embedded-opentype'),
           url('fonts/mat.woff2') format('woff2'),
           url('fonts/mat.woff') format('woff'),
           url('fonts/mat.ttf') format('truetype'),
           url('fonts/mat.svg') format('svg');
    }    
  /*------------------------
	base class definition - toutes les nouvelles icônes
-------------------------*/
.wp-block-quote:before, .is-style-swt-button-secondary a.wp-block-button__link.wp-element-button::after, .post-navigation-link-next.wp-block-post-navigation-link a::after, .post-navigation-link-previous.wp-block-post-navigation-link a::before, p.projets.has-x-small-font-size a::before  {
    display: inline-block;
  font: normal normal normal 1em/1 'mat';
    speak-as: none;
    text-transform: none;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  }
 
/* .wp-block-group.is-nowrap.is-layout-flex.wp-container-4 {
    transform: rotate(-90deg);
    margin: 110px 0 0 -120px;
} */
/* -----------------  typographie --------------- */

.wp-block-post-title, h1.has-text-align-left, .wp-block-post-title {
  max-width: 80%!important;
  line-height: 1.2;
  word-break: normal;
}
.wp-block-site-title :where(a) {
  border-bottom: none;
}

div#seokey-breadcrumbs {
  font-size: 0.8rem;
  padding-left: 5px;
}
/* h1.has-text-align-left.wp-block-post-title {
  text-rendering: geometricprecision;
  font-synthesis: none;
  font-optical-sizing:auto 
} */
p a{
  border-bottom:1px solid var(--color-texte);
}
p a{
  border-bottom:1px solid var(--color-texte);
}
.dark p a{
  border-bottom:1px solid var(--color-blanc);
}
p a:hover{
  color:var(--color-survol);
  border-bottom:1px dashed var(--color-survol);
}
p.lien-blanc a{
  border-bottom:1px solid var(--color-blanc)!important;
}
p.lien-blanc a:hover{
  color:var(--color-blanc);
  border-bottom:1px dashed var(--color-blanc)!important;
}
ol {
  padding-left: 25px; 
}
/* minititres*/
.minititres{
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    /* font-weight: 700!important; */
    }
/* -----------------  blocs --------------- */
/* boutons */
.bouton-fse{
  clip-path: polygon(73% 41%, 87% 0, 100% 43%, 100% 100%, 9% 100%, 26% 78%, 0 53%, 34% 51%, 33% 8%); 
}
.is-style-swt-button-secondary a.wp-block-button__link.wp-element-button{
    /* padding-left: 0; */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    /* font-weight: 700!important; */
    border: 1px solid;
    }
.is-style-swt-button-secondary a.wp-block-button__link.wp-element-button::after {
    content: "\ea07";
    vertical-align: middle;
    margin: 0 0 -1px 10px;
    }
.wp-element-button:hover, .wp-block-button__link:hover, .wp-block-button.is-style-swt-button-secondary:hover, .is-style-swt-post-terms-pill a:hover, .wp-block-post-terms a:hover {
            background-color:var(--color-texte);
            color:#ffffff;
        }
.dark .wp-block-button.is-style-swt-button-secondary:hover{
          background-color:#44444463;
          color:#ffffff;
      }
.post-navigation-link-next.wp-block-post-navigation-link a::after {
content: "\ea07";
vertical-align: middle;
        margin-left: 10px;
}
.post-navigation-link-previous.wp-block-post-navigation-link a::before, p.projets.has-x-small-font-size a::before{
content: "\ea06";
vertical-align: middle;
margin-right: 10px;
}
p.projets.has-x-small-font-size a{
  border-bottom:none!important;
  }
/* catégories, étiquettes */
.is-style-swt-post-terms-pill a, .wp-block-post-terms a {
    border: 1px solid;
    border-radius: 0px!important;
    font-size: 13px!important;
}
.wp-block-post-terms.is-style-swt-post-terms-pill a, .wp-block-post-terms a{
  padding:4px 8px;
  /* pointer-events: none;     */
}
/* fil d'ariane */
.yoast-breadcrumbs {
            font-size: 12px;
            margin-top:-20px!important;
        }
/* détails seokey */
.wp-block-seokey-faq-block details summary {
  background-color:var(--color-blanc);
  color:var(--color-texte);
  padding: 20px 35px 0 0;
}
.wp-block-seokey-faq-block details summary::after {
  content: '+';
  font-size: 25px;
  vertical-align: baseline;
  position: static;
  padding-left: 5px;
}
/* détails */
summary {
  text-transform: uppercase;
  font-size: medium;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
}
summary:hover {
color: var(--color-survol)!important; 
}
summary::marker {
  content: ""!important;
  color:transparent!important;
} 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
  color: var(--color-blanc)!important;
}
summary:after {
  font: normal normal normal 1em/1 'mat';
  content: "\ea12";
  vertical-align: middle;
  margin: 0 0 -1px 10px;
  font-size: 20px;
}
/* citation */
.wp-block-quote {
  padding-left: 0!important;
}
.wp-block-quote {
  border-left: none;
}
blockquote.wp-block-quote.is-style-plain:before {
  content:"\ea18";
  font-size:30px;
}
/* vidéo */
.wp-block-embed {
  margin: 1em 0 1em 0;
}
/* -----------------  Navigation --------------- */
.current-menu-item a.wp-block-navigation-item__content, span.wp-block-navigation-item__label:hover{
  text-decoration: underline 1px;
    text-underline-offset: .25em;
    text-decoration-color: var(--color-blanc);
}
li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link span.wp-block-navigation-item__label:hover{
  text-decoration:none!important;
}    
.wp-block-group.has-background-background-color.has-background.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-6.wp-container-7.is-position-sticky {
  background-color: transparent !important;
}
.rangee-menu{
  align-items: flex-start!important;
}
/* Navigation mobile */
.wp-block-navigation__responsive-container-open, .portfolio-template-wp-custom-template-dark .wp-block-navigation__responsive-container-open{
  padding: 30px 20px;
  border-radius: 100%;
  transition: var(--stk-transition-default, all var(--stk-transition-duration, .12s) cubic-bezier(.45,.05,.55,.95), flex 0s, max-width 0s, visibility 0s);
}
.wp-block-navigation__responsive-container-open{
  border: 1px solid var(--color-texte);
}
.portfolio-template-wp-custom-template-dark .wp-block-navigation__responsive-container-open{
  border: 1px solid var(--color-blanc);
}
.wp-block-navigation__responsive-container-open:hover{
border-radius: 100%;
transform: scale(1.25);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #222222;
  }
/* .wp-block-navigation__responsive-container-open {
  margin-top: -2px !important;
} */
.wp-block-navigation__responsive-container-close {
  right: 8%;
  top: 30px;
  color: var(--color-blanc) !important;
}
div#modal-1-content {
  align-items: flex-end;
}
ul.wp-block-navigation__container {
  margin-right: 8%;
  gap: 10px !important;
}
li.wp-block-navigation-item.wp-block-navigation-link {
  align-self: self-end;
}
#modal-1-content a.wp-block-navigation-item__content {
  font-size: xxx-large;
  text-transform: lowercase;
  font-weight: 200;
  letter-spacing: 0px;
  color: var(--color-blanc) !important;
}
a.wp-block-navigation-item__content{
  transition: all 1s ease-out;
}
a.wp-block-navigation-item__content:hover {
  transform: translate(-10%, 0%);
}
/* -----------------  grid builder  --------------- */

/* .wp-grid-builder.wpgb-enabled .wpgb-card:nth-of-type(even) {
  transform: translate(0%, -20%);
}  */
/*   rétablit le CMD-clic ok */
.wp-grid-builder .wpgb-card-media-thumbnail a,
.wp-grid-builder.wpgb-enabled .wpgb-card-layer-link {
pointer-events: all!important;
}
/*  facettes  */
.wpgb-facet .wpgb-input, .wpgb-facet .wpgb-select, .wpgb-facet .wpgb-button:not(button), .wpgb-facet .wpgb-radio .wpgb-radio-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before {
    /* outline: 1px solid #222222!important; */
    border: none!important;
    border-radius: 0px!important;
}
.wpgb-facet .wpgb-inline-list li {
    margin: 0.5px!important;
}
.wpgb-facet .wpgb-button-label {
    text-transform: uppercase;
    font-size: 12px!important;
    letter-spacing:0.3px;
    padding: 2px 5px!important;
}
.wpgb-facet ul .wpgb-button {
min-height: 23px!important;
  padding: 0px!important;
  margin-right:10px!important;
}
.wpgb-facet .wpgb-button[aria-pressed="true"] {
    background-color:var(--color-blanc)!important; 
    outline: 1px solid var(--color-texte)!important; 
    color:var(--color-texte)!important; 
}
.wpgb-facet .wpgb-button:focus:not(button), .wpgb-facet .wpgb-rating:focus, .wpgb-facet .wpgb-hierarchy:focus, .wpgb-facet .wpgb-toggle-hidden:focus, .wpgb-facet .wpgb-range-clear:focus, .wpgb-facet .wpgb-range-thumb:focus, .wpgb-facet .wpgb-pagination li a:focus, .wpgb-facet .wpgb-radio:focus .wpgb-radio-control, .wpgb-facet .wpgb-checkbox:focus .wpgb-checkbox-control, .wpgb-facet .wpgb-color:focus .wpgb-color-control, .wpgb-facet .wpgb-az-index:focus .wpgb-az-index-label {
    outline-width: 1px;
    outline-offset: 0px!important;
}
.wpgb-facet .wpgb-button:hover:not([aria-pressed="true"]){
  text-decoration: underline 1px;
    text-underline-offset: .25em;
}
/*  facette pagination */
.wpgb-facet .wpgb-pagination li a[aria-current] {
    border: 1px solid var(--color-texte)!important;
    color:var(--color-texte)!important;
  }
.wpgb-facet .wpgb-pagination li a:hover, .wpgb-facet .wpgb-pagination li a[aria-current] {
    border: 1px solid var(--color-texte)!important; 
  }
  /* .wpgb-card-media-thumbnail,  .wpgb-card-media-overlay {
    border-radius: 30px;
} */
/* -----------------  projet portfolio  --------------- */
/* figure.vp-portfolio__item {
  border-radius: 40px;
} */
.intro-porfolio{
    align-items: flex-end!important;
}
/* Anfray & Anfray */  
.postid-7279, .postid-7276{
	background-color: #F4F2F2;
}
/* Total */  
.postid-7287{
	background-color: #F7F3ED;
}
/* studio combo */  
.postid-7320{
	background-color: #F2F3F7;
}
/* Little Brownie */  
.postid-7301{
	background-color: #f2f0ef;
}
/* Hopital SV */  
.postid-7305{
    background-color: #F0EAEA;
}
/* lamp & co*/  
.postid-7309{
    background-color: #F3EEEE;
}
/* photo12 galerie*/  
.postid-230{
    background-color: #f3eae7;
}
/* pssb new */  
.postid-7334{
    background-color: #e0eae4;
}
/* Chacun ses goûts */  
.postid-7332{
    background-color: #F6EAFD;
}
/* Distylight */  
.postid-7330{
    background-color: #847f76;
}
/* Petit bateau */  
.postid-7336{
    background-color: #edf3f9;
}
/* Ninini */  
.postid-7342{
    background-color: #E8DEDE;
}
/* Venelles */  
.postid-7344{
    background-color: #F0F0FF;
}
/* craps */  
.postid-4765{
    background-color: #F1F6F8;
}
/* marino */  
.postid-7348{
    background-color: #E7D6D6;
}
/* marie folie */  
.postid-7350{
    background-color: #f1ebe7;
}
/* magali */  
.postid-9267, .postid-9267 .fancybox-bg{
  background-color: #FDF8F3;
}
/* formagora */  
/* .postid-9295{
  background-color: #EBEBFD;
} */
/*holon */  
.postid-9350, .postid-9350 .fancybox-bg{
  background-color: #f4f4fe;
}
/* WordPress paris */  
.postid-9621, .postid-9621 .fancybox-bg{
  background-color:#442e48;
}
/* Formagora */  
.postid-9295, .postid-9295 .fancybox-bg{
  background-color:#F6F6FD;
}
/* Lascault */  
.postid-10471, .postid-10471 .fancybox-bg{
  background-color:#F6F2F2;
}
/* spcables */  
.postid-10508, .postid-10508 .fancybox-bg{
  background-color: #444444;
}
/* contact, formulaire */  
.page-id-1311{
  background-color: #f7ebe5;
  /* background: rgb(163,242,230);
  background: linear-gradient(83deg, rgba(163,242,230,1) 0%, rgba(252,240,129,1) 100%)!important; */
}
.forminator-ui#forminator-module-9073.forminator-design--material .forminator-button-upload, .forminator-ui#forminator-module-9073.forminator-design--material .forminator-checkbox.forminator-consent .forminator-checkbox-box {
  background-color: transparent !important;
}
.altcha {
  border: var(--altcha-border-width, 1px) solid var(--altcha-color-border, #333333)!important;
  border-radius: var(--altcha-border-radius, 0px)!important;
}
.altcha-label {
  font-size: 14px;
  text-transform: uppercase;
}

/* -----------------  projet visual portfolio  --------------- */
.vp-portfolio__preloader::after, .vp-portfolio__preloader {
    display: none!important;
}
.vp-portfolio__items-style-fade {
  --vp-items-style-fade--image-hover__transform: scale(1.01)!important;
}
/*  lightbox  */
span.stk--svg-wrapper:before, button.fancybox-button.fancybox-button--close:before, .fancybox-navigation .fancybox-button--arrow_left:before, .fancybox-navigation .fancybox-button--arrow_right:before {
    font: normal normal normal 1em/1 'mat';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
       font-size: 30px;
    }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: var(--color-texte);
}
.portfolio-template-wp-custom-template-dark .fancybox-button,.portfolio-template-wp-custom-template-dark  .fancybox-button:link,.portfolio-template-wp-custom-template-dark  .fancybox-button:visited {
  color: var(--color-blanc);
}
.fancybox-button {
    background: transparent;
    font-family: 'mat';
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
/* icônes page et bouton */
.fancybox-toolbar {
    right: 10px;
}
button.fancybox-button.fancybox-button--close:before {
   content: "\ea11";
}
.fancybox-navigation .fancybox-button--arrow_left:before {
   content: "\ea06";
}
.fancybox-navigation .fancybox-button--arrow_right:before {
   content: "\ea0a";
}
span.stk--svg-wrapper:before {
    font-size: 23px;
    vertical-align: middle;
}
.fancybox-navigation .fancybox-button{
   padding: 20px;
}
.fancybox-button svg, svg.svg-inline--fa.fa-arrow-right.fa-w-14 {
    display: none;
}
.fancybox-button:hover, .fancybox-button:focus  {
    color:var(--color-survol)!important;
    background-color: transparent!important;
    border-color: var(--color-blanc)!important;
}
/* --------- bannière cookies complianz ----------------- */
.cmplz-cookiebanner{
  font-family: var(--wp--preset--font-family--albert-sans);
  padding: 0px 50px 20px 30px!important;
  right: -25px !important; 
  bottom: 50px !important; 
    /* background: rgba(255, 255, 255, 1)!important; */
    rotate: -3deg;
    grid-row-gap: 0px!important;
}
  .cmplz-cookiebanner .cmplz-message {
    font-size: 1.5em!important;
    line-height: 0.9em!important;
    /* margin-bottom: -25px!important; */
    font-weight: 300;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
    text-decoration: none!important;
  }
a.cmplz-link.privacy-statement {
    display: none;
  }
.cmplz-cookiebanner .cmplz-links.cmplz-documents {
    justify-content: flex-start!important;
    padding: 5px 0px 7px 0px !important;
  }  
.cmplz-cookiebanner .cmplz-buttons {
  gap: 0px !important;
  margin-top: 2px;
  }
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  height: 35px!important;
    font-weight: 600!important;
    font-size: 12px!important;
    letter-spacing: 0.8px!important;
    text-transform: uppercase;
    text-align: left!important;
    padding: 0px!important;
    background-color: transparent!important;
    border: 1px solid transparent!important;
  }
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover{
  text-decoration: underline 1px!important;
  text-underline-offset: .25em!important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category{
    background-color:rgba(255, 255, 255, 0)!important;  
  }
  .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
    padding: 10px 10px 10px 0px !important;
  }
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
    opacity: 0.3;
  } 
#cmplz-manage-consent .cmplz-manage-consent {
  border-right:1px solid var(--color-texte)!important;
  }
.cmplz-cookiebanner .cmplz-categories .cmplz-category  summary:after{
  display:none;
} 
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open::after {
    font: normal normal normal 1em/1 'mat';
    content: "\ea05";
    vertical-align: middle;
    margin: 0 0 -1px 10px;
    font-size: 20px;
    color:var(--color-blanc)!important;
}
  span.cmplz-icon.cmplz-open svg {
    display:none;
}
button.cmplz-blocked-content-notice.cmplz-accept-category.cmplz-accept-marketing {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background: #333333 !important;
  line-height: 1.5em;
  letter-spacing: 0;
  font-family: var(--wp--preset--font-family--albert-sans);
  cursor:pointer;
}
/* animation bannière cookies */
.cmplz-cookiebanner {
  -webkit-animation: slide-in-blurred-right 0.9s ease-in-out both;
  animation: slide-in-blurred-right 0.9s ease-in-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-3-21 18:57:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-right
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}



/* --------- Médiaqueries ----------------- */       
@media (min-width: 768px){
/*.cmplz-cookiebanner {
 min-width: 500px!important; 
min-height: 500px!important; 
}*/ 
}
/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1023px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
      width: 100%;
      position: relative;
      z-index: auto;
      background-color: inherit;
  }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
  }
}
@media (max-width: 768px){
/* .cmplz-cookiebanner {
  background:rgba(255, 255, 255, 0.8)!important;
  z-index:100000;
} */
.wp-block-post-title, h1.has-text-align-left, .wp-block-post-title {
  max-width: 100% !important;
}
}
@media (max-width: 320px){

}