/*
Theme Name: Twenty Twenty Child
Theme URI: https://studionumerik.fr/
Description: Twenty Twenty Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
body {
  
  /*BOUTONS */
  --button--border-radius: 5px;
  --button--padding-vertical: calc(var(--primary-nav--padding) / 1.5) !important;
  --button--padding-horizontal: var(--primary-nav--padding) !important;
  --button--border-width: 2px;
  --button--font-size: var(--global--font-size-normal);
  --button--color-text: var(--wp--preset--color--white);
  --button--color-text-active: var(--wp--preset--color--white);
  --button--color-background: var(--wp--preset--color--accent);
  --button--color-background-active: var(--wp--preset--color--accent);
  --button--font-weight: var(--wp--preset-Regular);
  /*VARIOUS*/
  --animation--timing: .2s;
  --border-radius: 5px;
  --branding--logo--max-width: 12rem;
  /*ANIMATION*/
  
  /*BLOCK WIDTH*/
  
  /*FORM*/
  --form--border-width: 1px;
  --form--border-color: black;
  --form--border-radius: 3px;
}
/* Placer votre CSS ci-dessous */
.wp-block-ultimate-post-post-slider-1.ultp-block-90aa4b.alignfull {
  margin-top: 0;
}
.site-logo img {
  height: 4rem;
}
#breadcrumb {
  font-size: 0.8em;
  padding: 1em 4rem;
  color: #aaa;
  background: white;
}
#breadcrumb a {
  color: #666;
  text-decoration: none;
  font-weight: 700;
}
#breadcrumb a:hover {
  color: #e22658;
}
/*MENU*/
.tw-header-sticky #site-header {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
}
.header-inner {
  padding: 1.4rem 0;
}
#catMenu {
  margin-top: -50px
}
.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
  background: #e22658;
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
  color: #e22658;
}
.menu_button a {
  background-color: var(--wp--preset--color--accent);
  color: white !important;
  padding: 1rem 2rem;
  border-radius: 3px;
  font-family: 'Playfair Display', serif;
}
.menu_button a:hover {
  text-decoration: none !important;
  background-color: #bc2894;
}
.menu_button.current-menu-item a {
  text-decoration: none !important;
}
/*menu responsive*/
.menu-modal-inner .menu-top {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
}
ul.modal-menu {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.mobile-menu {
  flex-grow: 2;
}
.menu-modal .menu-top {
  padding-bottom: 0 !important;
}
.modal-menu > li.menu_button {
  flex-grow: 2;
  display: flex;
}
.modal-menu > li.menu_button > * {
  align-self: flex-end;
  transition: all .4s;
}
.modal-menu > li.menu_button a {
  font-size: 2em;
  margin: 2rem 5%;
  text-align: center;
  font-size: 2rem !important;
  padding: 2rem;
}
.modal-menu > li .sub-menu li {
  border-color: #BBB;
}
.modal-menu > li .sub-menu a {
  background: #dbdbdb;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem
}
/*FOOTER*/
.home .header-footer-group {
  margin-top: 0;
}
.footer-widgets-outer-wrapper {
  padding: 4rem 0 0 0;
}
.wp-block-categories-list {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  width: 50%;
}
.wp-block-categories-list > li {
  width: 50%;
  margin: 0 !important;
}
.wp-block-categories-list li {
  color: #bb2894 !important;
}
/*HOME*/
#logos figcaption {
  background: none;
  padding: 0;
  height: 100%;
}
#logos figcaption a {
  display;
  block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  font-size: 0;
  text-indent: -9000px;
}
#logos img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.5s;
}
#logos figure:hover img {
  rayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);
  opacity: 1;
  transition: all 0.2s;
}
h1 sup {
  font-size: 0.3em;
  top: -1.55em;
  left: -0.5em;
  opacity: 0.8;
}
.padding_top_0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#search_block form {
  background: white;
  padding: 0;
  border-radius: 5px;
}
#search_block form > div {
  padding: 0;
}
#search_block form input {
  padding: 0 1rem;
  border: none;
  border-radius: 5px 0 0 5px !important;
}
#search_block form button {
  border-radius: 0 5px 5px 0 !important;
  margin-left: 0;
}
.pagination-active a, .ultp-pagination a:hover {
  background: var(--wp--preset--color--accent) !important;
}
/*LISTING DE RESSOURCES*/
#ressources-list {
  margin-bottom: 3em;
}
#ressources-list li {
  font-size: 0.8em;
}
#ressources-list li a {
  font-size: 1.2em;
  text-decoration: none;
}
/*ARCHIVE*/
.archive-header-inner .archive-title {
  position: relative;
}
.archive-header-inner .archive-title .color-accent {
  display: none;
}
.archive-title:before {
  content: "\f318";
  font-family: dashicons;
  display: block;
  line-height: 2em;
  width: 2em;
  margin: auto;
  border-radius: 50%;
  background: #bc2894;
  color: #ffffff !important;
  font-size: 0.5em;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.tag .archive-title:before {
  content: "\f323";
}
.archive-subtitle, .intro-text {
  color: grey;
  font-size: 1.8rem !important;
}
.archive .entry-content p {
  font-size: 14px;
  line-height: 26px !important;
  color: #777;
}
.archive article {
  border-radius: 5px;
  overflow: hidden;
}
/*ARTICLES*/
.contributor {
  padding: 0.5rem 0;
  border-bottom: solid 1px #ccc;
  color: #6c6e87;
  margin-bottom: 4rem;
}
.contributor:before {
  content: "\f130";
  font-family: dashicons;
  margin-right: 0.25em;
  font-size: 1.5em;
  position: relative;
  line-height: 1rem;
  top: 0.3em;
  color: #6c6e87;
}
pre {
  background: #293949;
  color: #f1f2f6;
  border-radius: 3px;
}
.archive-title {
  font-size: 6.4rem;
}
.archive-title span.color-accent {
  display: block;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 3.4rem;
}
.post-inner h2 {
  font-size: 3rem !important;
  color: #39058e;
}
.post-inner h3 {
  font-size: 2.4rem !important;
  color: #39058e;
	margin-bottom:.5em;
}
.single figure.featured-media .featured-media-inner {
  overflow: hidden;
  border-radius: 5px;
}
.single figure.featured-media .featured-media-inner .wp-caption-text {
  background: #131d26;
  color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.wp-block-code {
  border-radius: 5px;
	background:#293949 !important;
	margin-bottom:1.5rem !important;
	
}
.has-background-color .wp-block-code{border:solid 1px #abb2bf;}
.wp-block-code code{padding:1.5rem !important;}
/*FICHIER A TELECHARGER*/
.wp-block-file {
  background: #cdcfdf;
  border-radius: 3px;
}
.wp-block-file .wp-block-file__button {
  border-radius: 0 3px 3px 0;
}
.wp-block-file .wp-block-file__button:before {
  content: "\f316";
  font-family: dashicons;
  font-size: 1.5em;
  margin-right: 0.5em;
  line-height: 0.5em;
  top: 0.3em;
  position: relative;
}
.wp-block-file a:first-child {
  color: #222;
  font-style: italic;
  font-weight: 300;
  padding-left: 20px;
}
.wp-block-file a:first-child:before {
  content: "fichier : ";
  font-weight: 700;
  font-style: normal;
}
/*TABLEAU*/
.is-style-stripes table {
  font-size: 0.8em;
}
.wp-block-table.is-style-stripes td + td {
  border-left: solid 1px #cdcfdf;
}
.wp-block-table.is-style-stripes tr:nth-child(odd) td + td {
  border-left: solid 1px #f1f2f6;
}
.wp-block-table.is-style-stripes thead {
  background: #1f2b39;
  color: #f1f2f6;
  text-align: center;
}

.fixed_last td:last-child{
	white-space:nowrap;
}
.fixed_last td:first-child{
	white-space:nowrap;
}
/*RATE POST*/
.wp-block-embed-vimeo {
  background: black;
}
.yasr-auto-insert-visitor {
  margin-top: 0em;
  padding: 0.5em 0;
  background: transparent;
  border-top: solid 1px grey;
  color: grey;
}
.yasr-visitor-votes {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.yasr-visitor-votes > * {
  margin-right: 0.5em;
}
/*SIMILAR POSTS*/
.simPosts {
  border-top: solid 3px rgba(25, 24, 71, 1);
  text-align: left;
  margin-top: 6em;
  order: 5000;
}
.simPosts h2 {
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  top: -1.3em;
  background: #f1f2f6;
  padding: 0.5em 0.5em 0.5em 0;
  margin: 0;
  color: rgba(25, 24, 71, 1);
}
.similar-posts {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: space-between;
  max-width: 80rem;
}
.similar-posts li {
  width: 32%;
  text-align: center;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #e22658;
  padding: 2em 1em;
  text-align: center;
  transition: all 0.2s;
}
.similar-posts li:hover {
  filter: brightness(120%);
  transition: all 0.2s;
}
.similar-posts li a {
  color: white;
  text-decoration: none;
  display: block;
  width: 100%;
}
/*BLOCK SPACER*/
.wp-block-spacer {
  position: relative;
}
.wp-block-spacer:before {
  content: "";
  display: block;
  width: 100%;
  border-top: dotted 2px #aaa;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/*MENU ANCRES*/
.intern_menu {
  display: flex;
  list-style: none;
  padding: 0;
  text-align: center;
  font-size: 0.9em;
  flex-wrap: wrap;
}
.intern_menu li {
  margin: 0 0.5em 0.5em 0;
}
.intern_menu a {
  display: block;
  background: #e22658;
  border-radius: 2em;
  color: white;
  text-decoration: none;
  padding: 0.3em 1em;
}
/*COMMENTAIRES*/
.styled-separator.section-inner {
  max-width: 80rem;
}
#reply-title {
  font-size: 1.5em;
  position: relative;
  margin-bottom: 1.5em;
  margin-top: 10rem;
}
#reply-title:before {
  content: "\f101";
  font-family: dashicons;
  display: block;
  line-height: 2em;
  width: 2em;
  margin: auto;
  border-radius: 50%;
  background: #8c74d9;
  color: #f1f2f6;
  position: absolute;
  left: 50%;
  top: -2.2em;
  transform: translatex(-50%);
  font-size: 1.2em;
}
#comments .comment-reply-title {
  display: none;
}
.comment-meta {
  margin-left: 8rem;
}
.comment .comment {
  border-left: solid 2px #8c74d9;
  padding-left: 20px;
}
.comment-content {
  background: white;
  padding: 20px;
  border-radius: 3px;
}
.comment-respond #submit {
  margin: auto;
}
/*CATALOGUE MATERIEL*/
.woocommerce .content-area {
  overflow: hidden;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  margin: 0;
  margin-right: 10px;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: none;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  margin-right: 10px;
}
.woocommerce-breadcrumb {
  display: none;
}
.single-product .entry-title {
  font-size: 1.8em;
}
/*GLOSSAIRE*/
.name_directory_name_box {
  border-bottom: dotted 1px grey;
  padding: 2em 0;
}
.name_directory_name_box > strong {
  font-size: 1.2em;
}
.name_directory_index form {
  display: flex;
  padding-top: 2em;
}
.name_directory_index form input[type=text] {
  width: 50%;
}
.name_directory_total {
  font-style: italic;
  color: grey;
}
.name_directory_total em:before {
  content: "“";
}
.name_directory_total em:after {
  content: "”";
}
/*BLOG GRID*/
.alignfull, .alignwide, .entry-content > .alignfull, figure.wp-block-gallery.alignfull {
  margin-bottom: 0;
  margin-top: 0
}
/*.ultp-heading-filter{display:none;}*/
/*IFRAME*/
.iframe-container {
  overflow: hidden;
  padding-top: 460px;
  position: relative;
  background: black;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.entry-content {
  display: flex;
  flex-direction: column;
}
/**/
#site-header:before {
  content: "";
  height: 1rem;
  width: 100%;
  display: block;
  background: linear-gradient(to right, #bc2894, var(--wp--preset--color--accent));
}
.portraits_listing .ultp-block-title:after, .post-inner h2:after, .ultp-block-title:after, .archive .entry-title:after {
  content: "";
  display: block;
  background-color: #bc2894;
  height: 2px;
  width: 2em;
  margin-top: .5em;
}
.portraits_listing{
	margin-bottom: -2rem!important;
}
.ultp-heading-inner, .single .entry-title, .archive .archive-title span {
  background: linear-gradient(to right, #bc2894, var(--wp--preset--color--accent));
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #bc2894;
}
.single .featured-media-inner:before {
  content: "";
display: block;
position: absolute;
z-index: 3;
background: var(--wp--preset--color--accent);
	background: linear-gradient(to right, #bc2894, var(--wp--preset--color--accent));
opacity: 0;
height: 100%;
width: 100%;
mix-blend-mode: color;
}
.single .featured-media-inner .wp-caption-text {
  position: relative;
  z-index: 5;
  background: white;
  max-width: 100%;
  margin-top: 0;
  padding-top: 2rem;
}
.wp-block-button a {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  padding: 15px 40px 15px 40px !important;
}
/*.entry-content > .wp-block-group:not(.has-background){background:linear-gradient(to right,#bc2894,var(--wp--preset--color--accent)); color:white; padding:3rem 4rem; border-radius:5px; }
.entry-content > .wp-block-group:not(.has-background) hr:first-child{display:none;}
.entry-content > .wp-block-group:not(.has-background) h2{font-size:2.5rem !important; margin-bottom:1em!important; margin-top:0!important; color:white !important;}
.entry-content > .wp-block-group:not(.has-background) h2:after{background:white; display:block;}
.entry-content > .wp-block-group:not(.has-background) h2, .entry-content > .wp-block-group:not(.has-background) a{color:white !important;}
.entry-content > .wp-block-group:not(.has-background) ul{margin-bottom:0!important;}
.entry-content > .wp-block-group h2:after{display:none;}*/
/*RÈGLES RESPONSIVE*/
@media (min-width: 1220px) {
  .primary-menu > li {
    margin-left: 1.5rem !important;
  }
  .header-toggles .toggle {
    padding: 0 2rem;
  }
  .primary-menu-wrapper + .header-toggles {
    margin-left: 2rem;
  }
}
@media (min-width: 700px) {
  .single .featured-media {
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
  }
  .single .featured-media figcaption {
    width: 100% !important;
  }
}
@media screen and (max-width: 782px) {
	.header_home{display:none;}
  .iframe-container {
    padding-top: 56.25%;
  }
  .wp-block-categories-list {
    width: 100% !important;
  }
  .archive-title {
    font-size: 5rem;
  }
  .archive-title:before {
    display: none;
  }
  .single .featured-media figcaption {
    width: 100% !important;
  }
  .single .featured-media {
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
  }
/*--------------------*/
	#cta_glossaire{padding-right:var(--wp--preset--spacing--70)!important; text-align:center;}
	#cta_glossaire *{text-align:center!important;}
	#cta_glossaire .wp-block-button{margin:auto;}
	#cta_glossaire h2{font-size:1.8em!important;}
}
/*==============================*/
/*------------------------ FORM */
/*==============================*/
#newsletter {
  max-width: calc(var(--responsive--aligndefault-width));
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#newsletter form :not(.acceptance) label {
  display: none;
}
#newsletter form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#newsletter form input {
  margin: 0;
  border-radius: 0;
  border: none;
  border-radius: var(--button--border-radius) 0 0 var(--button--border-radius);
}
#newsletter form input[type="email"] {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: 100%;
}
#newsletter form input[type="submit"] {
  background: var(--wp--preset--color--accent) url("assets/images/icons/send-icon.svg") no-repeat center/50%;
  color: white;
  border-radius: 0 var(--button--border-radius) var(--button--border-radius) 0;
  font-size: 0;
  text-indent: -900px;
  width: 3rem;
  cursor: pointer;
}
#newsletter form input[type="submit"]:disabled {
  cursor: not-allowed;
  opacity: .8;
}
#newsletter .wpcf7-spinner {
  display: none;
}
#newsletter .acceptance {
  margin-top: 1rem;
}
#newsletter .acceptance span {
  margin-left: 0;
}
#newsletter .acceptance label {
  margin-bottom: 0;
}
#contact-form label {
  display: none;
}
#contact-form * {
  list-style-type: none;
  padding: 0;
  margin: 0
}
#contact-form .col_it {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#contact-form .col_it li {
  width: 48%;
  margin-bottom: 1rem;
}
#contact-form p {
  margin-top: 0 !important;
  margin-bottom: 1rem;
}
#contact-form input, #contact-form textarea {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: .7rem;
	  
}
#contact-form input:not(#bt_send){
	background: white;
  width: 100%;
}
}
#contact-form .bt_submit input {
  background: var(--wp--preset--color--accent);
  color: white;
  padding: .7rem ;
}
#contact-form .bt_submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.acceptance label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: .75rem;
}
.acceptance input {
  border-radius: var(--button--border-radius) !important;
  padding: var(--form--spacing-unit) !important;
}
.acceptance input:after {
  left: .4rem !important;
  top: .3rem !important;
  border-color: var(--wp--preset--color--accent);
}
.acceptance input + span {
  font-size: var(--global--font-size-xs);
}

.wp-block-quote{
	margin-top:0!important;
	margin-bottom:2rem!important;
}
.wp-block-quote p{margin-top:.5em;}