/*
Theme Name: Twenty Fifteen child
Template: twentyfifteen

Theme URI: https://reprisesdesavoirs.org
Author: radiium
Author URI: https://github.com/radiium
Description: Theme pour reprisesdesavoirs.org
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
  font-family: "NicostrateBook";
  src: url(fonts/Nicostrate_book.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "NicostrateBook";
  src: url(fonts/Nicostrate_bold.otf) format("opentype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Sabot";
  src: url(fonts/Sabot_italique.otf) format("opentype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Sabot";
  src: url(fonts/Sabot-regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Traces";
  src: url(fonts/TRACES_pluriAlpha_outlines_decompo.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }

:root {
  --primary: rgb(230, 30, 70);
  --secondary: rgb(120, 209, 130);
  --adminbar-height: 0;
  --header-height: 5.6rem;
  --sidebar-width: 30rem;
  --page-header-padding: 2rem;
  --page-content-padding: 2rem;
  --page-separator-margin: 1rem calc(var(--page-content-padding) * -1);
  --page-separator-width: calc(100% + (var(--page-content-padding) * 2)); }
  @media screen and (min-width: 38.75em) {
    :root {
      --page-header-padding: 4rem;
      --page-content-padding: 8rem;
      --page-separator-margin: 1rem calc(var(--page-content-padding) * -1);
      --page-separator-width: calc(100% + (var(--page-content-padding) * 2)); } }
  @media screen and (min-width: 59.6875em) {
    :root {
      --page-header-padding: 8rem;
      --page-content-padding: 10rem;
      --page-separator-margin: 1rem 0 1rem calc(var(--page-content-padding) * -1);
      --page-separator-width: calc(100% + var(--page-content-padding)); } }

body.admin-bar {
  --adminbar-height: 32px; }
  @media screen and (max-width: 782px) {
    body.admin-bar {
      --adminbar-height: 46px; } }

html body {
  background: white !important; }
  html body::before {
    display: none; }
  html body #page {
    position: relative; }

.trace-glyph {
  font-family: "Traces";
  color: var(--secondary);
  cursor: pointer;
  user-select: none; }

#app-header {
  background-color: var(--primary);
  z-index: 100;
  position: fixed;
  height: var(--header-height);
  min-height: var(--header-height);
  top: var(--adminbar-heigh);
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 2rem; }
  #app-header h3,
  #app-header a {
    color: white;
    font-family: "NicostrateBook", serif;
    font-size: 2.8rem !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.167; }
    #app-header h3.app-title,
    #app-header a.app-title {
      white-space: nowrap; }
    #app-header h3.app-page-title,
    #app-header a.app-page-title {
      display: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

button.secondary-toggle {
  box-shadow: none !important;
  border: none !important;
  height: var(--header-height) !important;
  width: var(--header-height) !important; }
  button.secondary-toggle::before {
    color: white; }

@media screen and (min-width: 59.6875em) {
  #app-header .app-page-title {
    display: block !important; }
  #app-header h3,
  #app-header a {
    font-size: 3rem !important; } }

#app-footer,
.site-footer {
  box-shadow: none; }
  #app-footer .site-info a,
  .site-footer .site-info a {
    color: #333 !important;
    float: right !important;
    width: 100% !important;
    min-width: 100% !important;
    padding-bottom: 0 !important;
    text-align: right !important;
    font-size: 1.2rem !important; }

#secondary {
  background-color: white;
  padding: 6rem 4rem;
  top: var(--header-height);
  margin: 0;
  border: none;
  box-shadow: none;
  z-index: 99;
  position: fixed;
  right: 0;
  width: 100%;
  height: 100%; }
  #secondary #site-navigation {
    margin: 2rem 4rem 4rem 4rem; }
    #secondary #site-navigation ul {
      border: none;
      list-style: disc; }
      #secondary #site-navigation ul li {
        color: var(--primary);
        border: none; }
        #secondary #site-navigation ul li.current_page_item, #secondary #site-navigation ul li:hover, #secondary #site-navigation ul li:active, #secondary #site-navigation ul li:focus {
          color: var(--secondary) !important; }
          #secondary #site-navigation ul li.current_page_item a, #secondary #site-navigation ul li:hover a, #secondary #site-navigation ul li:active a, #secondary #site-navigation ul li:focus a {
            font-feature-settings: "ss02";
            color: var(--secondary) !important; }
          #secondary #site-navigation ul li.current_page_item#menu-item-17 a, #secondary #site-navigation ul li:hover#menu-item-17 a, #secondary #site-navigation ul li:active#menu-item-17 a, #secondary #site-navigation ul li:focus#menu-item-17 a {
            font-feature-settings: "ss03"; }
          #secondary #site-navigation ul li.current_page_item#menu-item-19 a, #secondary #site-navigation ul li:hover#menu-item-19 a, #secondary #site-navigation ul li:active#menu-item-19 a, #secondary #site-navigation ul li:focus#menu-item-19 a {
            font-feature-settings: "ss04"; }
          #secondary #site-navigation ul li.current_page_item#menu-item-18 a, #secondary #site-navigation ul li:hover#menu-item-18 a, #secondary #site-navigation ul li:active#menu-item-18 a, #secondary #site-navigation ul li:focus#menu-item-18 a {
            font-feature-settings: "ss03", "ss04"; }
        #secondary #site-navigation ul li a {
          color: var(--primary);
          text-decoration: none;
          border-bottom: 0;
          font-family: "NicostrateBook", serif;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          font-size: 2.8rem !important;
          line-height: 1.296 !important;
          padding: 0.5rem 0 0 0 !important; }

@media screen and (min-width: 59.6875em) {
  #secondary {
    padding: 6rem 0;
    left: 0;
    bottom: 0;
    width: var(--sidebar-width);
    height: calc(100% - var(--header-height)); } }

#app-content {
  margin-left: 0;
  padding-top: var(--adminbar-height);
  background-color: white; }
  #app-content #primary {
    padding-top: var(--header-height) !important; }
    #app-content #primary #main {
      padding: 0; }
      #app-content #primary #main article.type-page {
        box-shadow: none;
        padding: 0;
        margin: 0; }
        #app-content #primary #main article.type-page > .entry-header {
          position: relative;
          padding: 0 var(--page-header-padding); }
        #app-content #primary #main article.type-page > .entry-content {
          position: relative;
          padding: 0 var(--page-content-padding); }
        #app-content #primary #main article.type-page > .entry-footer {
          position: relative;
          padding: 0 var(--page-content-padding); }
        #app-content #primary #main article.type-page h1,
        #app-content #primary #main article.type-page h2,
        #app-content #primary #main article.type-page h3,
        #app-content #primary #main article.type-page p,
        #app-content #primary #main article.type-page ul,
        #app-content #primary #main article.type-page ol,
        #app-content #primary #main article.type-page .wp-block-image {
          margin-left: 0; }
        #app-content #primary #main article.type-page ol li ul,
        #app-content #primary #main article.type-page ul li ul {
          margin-left: 2rem !important; }
          #app-content #primary #main article.type-page ol li ul li ul,
          #app-content #primary #main article.type-page ul li ul li ul {
            list-style-type: circle; }
        #app-content #primary #main article.type-page .wp-block-quote {
          border-left: none;
          padding-left: 0;
          color: #333; }
        #app-content #primary #main article.type-page .wp-block-separator {
          background-color: var(--primary) !important;
          height: 2px !important;
          opacity: 1 !important;
          margin: var(--page-separator-margin) !important;
          width: var(--page-separator-width) !important;
          max-width: var(--page-separator-width) !important; }
        #app-content #primary #main article.type-page h1 strong, #app-content #primary #main article.type-page h2 strong, #app-content #primary #main article.type-page h3 strong, #app-content #primary #main article.type-page h4 strong, #app-content #primary #main article.type-page h5 strong, #app-content #primary #main article.type-page h6 strong {
          font-weight: normal !important; }
        #app-content #primary #main article.type-page h1 {
          color: var(--primary) !important;
          font-family: "Sabot", serif;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          font-size: 5rem;
          line-height: 1;
          margin: 0 !important;
          position: relative;
          text-align: center; }
        #app-content #primary #main article.type-page h2 {
          color: var(--primary) !important;
          font-family: "Sabot", serif;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          font-size: 3.5rem;
          line-height: 1.111;
          margin: 0 0 2rem 0 !important;
          position: relative;
          text-align: center; }
        #app-content #primary #main article.type-page h3 {
          font-family: "Sabot", serif;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          font-size: 3rem; }
        #app-content #primary #main article.type-page p,
        #app-content #primary #main article.type-page details {
          font-family: "NicostrateBook", serif;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          font-size: 2.6rem !important;
          line-height: 1.167 !important;
          position: relative; }
          #app-content #primary #main article.type-page p em,
          #app-content #primary #main article.type-page details em {
            font-style: italic; }
          #app-content #primary #main article.type-page p strong,
          #app-content #primary #main article.type-page details strong {
            font-weight: bold; }
          #app-content #primary #main article.type-page p.lien-aligne-a-droite,
          #app-content #primary #main article.type-page details.lien-aligne-a-droite {
            min-height: 2.6rem; }
            #app-content #primary #main article.type-page p.lien-aligne-a-droite a,
            #app-content #primary #main article.type-page details.lien-aligne-a-droite a {
              float: right;
              text-align: right;
              margin-bottom: 2rem !important; }
              #app-content #primary #main article.type-page p.lien-aligne-a-droite a::before,
              #app-content #primary #main article.type-page details.lien-aligne-a-droite a::before {
                content: "\2192";
                padding-right: 0.8rem; }
        #app-content #primary #main article.type-page a {
          color: var(--primary);
          font-size: 2.6rem !important;
          font-family: "Sabot", serif;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          border: none !important;
          display: initial;
          text-align: initial;
          min-width: unset; }
          #app-content #primary #main article.type-page a:hover {
            color: var(--primary) !important;
            text-decoration: underline; }

@media screen and (min-width: 38.75em) {
  h1 {
    font-size: 7rem !important;
    text-align: left !important;
    line-height: 1.1 !important; }
  h2 {
    font-size: 4rem !important;
    text-align: left !important; } }

@media screen and (min-width: 59.6875em) {
  #app-content {
    padding-top: var(--header-height);
    margin-left: var(--sidebar-width); } }

#app-content #primary #main .display-posts-listing {
  padding: 0; }
  #app-content #primary #main .display-posts-listing .display-posts-listing-sommaire {
    margin-bottom: 3rem; }
    #app-content #primary #main .display-posts-listing .display-posts-listing-sommaire h4 {
      margin: 3rem 0 1rem 0; }
    #app-content #primary #main .display-posts-listing .display-posts-listing-sommaire ul li {
      color: var(--primary); }
      #app-content #primary #main .display-posts-listing .display-posts-listing-sommaire ul li a {
        min-width: 100%;
        display: block; }
  #app-content #primary #main .display-posts-listing hr.wp-block-separator.post-separator {
    margin-bottom: 0 !important; }
  #app-content #primary #main .display-posts-listing article.post-depliable.type-post {
    margin: 0;
    padding: 0;
    box-shadow: none;
    margin-bottom: 4rem; }
    #app-content #primary #main .display-posts-listing article.post-depliable.type-post.is-open .entry-header .entry-title::before {
      content: "\2198" !important; }
    #app-content #primary #main .display-posts-listing article.post-depliable.type-post.is-open .entry-content {
      display: block; }
    #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-header {
      position: relative;
      cursor: pointer;
      margin: 0;
      padding: 0;
      min-height: 200px; }
      #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-header h1.entry-title.title {
        color: white !important;
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: white !important;
        z-index: 2;
        font-size: 3rem !important;
        padding: 2rem;
        display: flex;
        align-items: flex-end;
        user-select: none; }
        #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-header h1.entry-title.title::before {
          font-family: "Sabot";
          font-style: normal;
          font-weight: bold;
          content: "\2192";
          margin-left: 2rem;
          min-width: 4.8rem; }
      #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-header .post-thumbnail img {
        filter: grayscale(100%);
        margin: 0;
        width: 100%;
        min-width: 100%; }
      #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-header::after {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, #e61e46 0%, rgba(230, 30, 70, 0.8) 25%, rgba(165, 172, 114, 0.8) 49%, rgba(177, 226, 182, 0.8) 70%, rgba(0, 0, 0, 0.05) 100%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-content {
      display: none;
      margin: 0;
      padding: 2rem 0 4rem 0; }
    #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-footer {
      display: none; }

@media screen and (min-width: 38.75em) {
  #app-content #primary #main .display-posts-listing .entry-header {
    min-height: 300px; }
    #app-content #primary #main .display-posts-listing .entry-header h1.entry-title.title {
      font-size: 3.3rem !important; } }

@media screen and (min-width: 59.6875em) {
  #app-content #primary #main .display-posts-listing article.post-depliable.type-post .entry-header h1.entry-title.title {
    font-size: 5.6rem !important; } }