@charset "UTF-8";
/*
Theme Name: Twenty Twenty Child
Text Domain: twentytwenty
Template: twentytwenty
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team modified by Solal
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty-child/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes (utilities)
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

	3.	Helper Classes (utilities)
	7. Page Templates
		d. About
	8.	Post: Archive
			a. Expo
			b. Artist
	9.	Post: Single
			a. Expo
			b. Artist
	18.	General Layout Modifications
	19. Plugin related modifications

----------------------------------------------------------------------------- */
/*
TTM = Twenty Twenty Modification
PBC = Pierre Baumgart Cancel (compare to Séries Rares)
*/
/* -------------------------------------------------------------------------- */
/*	SCSS variables
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*	Fonts
/* -------------------------------------------------------------------------- */
@font-face {
  font-family: "wcmanonegra";
  src: url("fonts/wcmanonegrabta-webfont.woff2") format("woff2"), url("fonts/wcmanonegrabta-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* -------------------------------------------------------------------------- */
/*	19. TTM
/* -------------------------------------------------------------------------- */
main {
  min-height: calc(100vh - 167px);
}

@media (min-width: 700px) {
  main {
    min-height: calc(100vh - 180px);
  }
}
@media (min-width: 850px) {
  main {
    min-height: calc(100vh - 160px);
  }
}
body {
  margin: 0;
  color: rgb(62, 59, 47) !important; /* TTM */
  position: relative;
  background: linear-gradient(#dfbe66, #b5761e);
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

.post-inner {
  padding-top: 4rem;
}

/* TTM unique background color, set for body*/
#site-header,
main,
.singular .entry-header,
.archive-header,
.footer-nav-widgets-wrapper,
#site-footer {
  background: transparent !important;
}

h1,
.heading-size-1,
h2,
.heading-size-2,
h3,
.heading-size-3,
h4,
.heading-size-4,
h5,
.heading-size-5,
h6,
.heading-size-6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
#site-header,
#site-footer,
.archive-title,
.single-evenement__infos p {
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
  letter-spacing: initial;
  font-weight: 300;
}

.faux-heading {
  font-family: "wcmanonegra", "Times", sans-serif;
  white-space: nowrap;
  font-size: 3em;
}

.single-evenement__infos p {
  font-weight: 400;
}

.entry-content,
body {
  font-family: "Zen Maru Gothic", "Times", serif;
}

/* Menu */
ul.primary-menu {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 400;
}

/* Titles */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 0 auto 2rem;
}

/* Titles like h2 titles in Projets for mobile-menu */
h2 {
  margin-top: 0;
}

/* Archive titles for mobile-menu */
.archive-title {
  font-size: 3.6rem;
}

@media (min-width: 700px) {
  /* TITLES */
  h1,
  .heading-size-1,
  h2,
  .heading-size-2,
  h3,
  .heading-size-3 {
    margin: 0 auto 3rem;
  }
  h4,
  .heading-size-4,
  h5,
  .heading-size-5,
  h6,
  .heading-size-6 {
    margin: 0 auto 2.5rem;
  }
  h1,
  .heading-size-1,
  .archive-title {
    font-size: 4.3rem;
  }
  h2,
  .heading-size-2 {
    font-size: 3.5rem;
  }
  h3,
  .heading-size-3 {
    font-size: 3rem;
  }
  h4,
  .heading-size-4 {
    font-size: 2.5rem;
  }
  h5,
  .heading-size-5 {
    font-size: 2rem;
  }
  h6,
  .heading-size-6 {
    font-size: 1.8rem;
  }
  .entry-content h1 {
    margin: 0 auto 3rem;
  }
  .entry-content h2 {
    margin: 1rem auto 2.5rem;
  }
  .entry-content h3 {
    margin: 1.5rem auto 2rem;
  }
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
    margin: 0 auto 2.5rem;
  }
  /* Post Header ------------------------------- */
  .singular .entry-header,
  .archive-header {
    padding: 0 0 4rem;
  }
  .entry-content {
    font-size: 1.8rem;
  }
}
@media (min-width: 1220px) {
  /* TITLES */
  h1,
  .heading-size-1 {
    font-size: 4.3rem;
  }
  /* MENU TTM */
  ul.primary-menu {
    margin: -0.8rem 0 0 -1.6rem;
  }
}
/* Alignment Classes ------------------------- */
/* -------------------------------------------------------------------------- */
/*	2. Element Base
/* ---------------------------------------------*---------------------------- */
/* -------------------------------------------------------------------------- */
/*	3. Helper Classes (utilities)
/* -------------------------------------------------------------------------- */
.u-spread-link {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  /* border: 1px solid red; */
}

.u-neutral-link {
  text-decoration: none;
}

.u-scale-link {
  text-decoration: none;
  border-radius: 0.3rem;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  overflow: hidden;
}

.u-scale-link:hover {
  transform: scale(1.005);
  box-shadow: 0px 0px 23px 2px rgba(0, 0, 0, 0.3);
}

.u-scale-link:active,
.u-scale-link:focus {
  outline: none !important;
}

.u-theme-font-color {
  color: #78a0aa;
}

.u-mailto {
  text-decoration: none;
  color: #78a0aa;
}

strong {
  font-weight: bold;
}

.functional-svg {
  display: none;
}

/****** Art Gallery ******/
.art-gallery {
  margin: auto;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*align-items: center; Use this rule to undo the alignement of the captions */
  margin-top: 4rem;
}

.art-gallery-title {
  font-size: 4rem;
  margin-bottom: 4rem;
  padding: 0 1rem;
}

.art-gallery-link {
  text-decoration: none;
  margin: 0 2rem 5rem;
  /* background: aqua; */
}

.art-gallery-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.art-gallery-item__img-container {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.art-gallery-item__img {
  vertical-align: top;
}

.art-gallery-item__img,
figcaption {
  width: 250px;
}

.art-gallery__lone-title {
  padding: 2rem 1rem 0;
  font-size: 2.5rem;
}

.art-gallery figcaption {
  color: rgb(62, 59, 47);
}

/* TTM */
figcaption,
.wp-caption-text {
  margin-top: 0rem;
}

@media (min-width: 700px) {
  figcaption,
  .wp-caption-text {
    margin-top: 0rem;
  }
}
/**  **/
figcaption .caption {
  padding: 10% 5% 5% 5%;
  font-size: 1.7rem;
  font-weight: 400;
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
}

figcaption .caption__title {
  font-size: inherit;
  font-weight: 600;
  font-style: normal;
}

figcaption .down-arrow-icon {
  display: none;
}

/* No styling of the active or focused links or buttons, */
.art-gallery-link:active,
.art-gallery-link:focus {
  outline: none !important;
}

/* -------------------------------------------------------------------------- */
/*	4. Site Header
/* -------------------------------------------------------------------------- */
/* Hamburger menu */
.nav-toggle .toggle-icon,
.nav-toggle svg {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.toggle-icon {
  overflow: visible;
}

/*** ***/
/* Adjustment of the height of Najavibes logo */
.site-title {
  position: relative;
  top: 8px;
}

.site-title a {
  text-decoration: none;
  transition: color 0.07s ease-in;
}

/* Color and hover adjustments */
.site-title a:hover,
.site-title a:focus {
  text-decoration: none;
  color: white;
}

body:not(.enable-search-modal) .header-titles-wrapper {
  justify-content: center;
  padding: 0;
}

@media (min-width: 700px) {
  body:not(.enable-search-modal) .header-titles-wrapper {
    justify-content: flex-start;
    padding: 0 4rem;
  }
}
.primary-menu > li {
  margin: 0.8rem 0 0 2.5rem;
}

.toggle-text {
  display: none;
}

.primary-menu a:hover,
body .primary-menu li.current-menu-item > a {
  text-decoration: none;
  color: white !important;
  transform: scale(1.08);
}

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
  text-decoration: none;
  color: white !important;
}

body:not(.overlay-header) .primary-menu ul {
  background-color: #78a0aa !important;
}

.primary-menu .sub-menu .current-menu-item a {
  transform: scale(1);
}

/* TTM */
body:not(.overlay-header) #site-header .primary-menu > li > a {
  color: rgb(62, 59, 47);
  transition: transform 0.07s ease-in;
}

.mobile-menu {
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
}

.modal-menu a {
  color: rgb(62, 59, 47);
}

/* TTM */
/* Change the break from normal menu to mobile menu from 850px instead of 1000px */
@media (min-width: 900px) {
  /* Titles */
  .entry-title,
  .archive-title {
    color: transparent !important;
  }
  /* Concerts page font-size */
  .concerts-ul,
  .past-concerts-ul {
    font-size: 1.8rem;
  }
  /* Site Header --------------------------- */
  #site-header {
    z-index: 2;
  }
  .header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 2.8rem 0;
  }
  .header-titles-wrapper {
    margin-right: 0;
    max-width: 50%;
    padding: 0;
    text-align: left;
  }
  .header-titles {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -1rem 0 0 -2.4rem;
  }
  .header-titles .site-title,
  .header-titles .site-logo,
  .header-titles .site-description {
    margin: 1rem 0 0 2.4rem;
  }
  .wp-custom-logo .header-titles {
    align-items: center;
  }
  /* HEADER NAVIGATION */
  .header-navigation-wrapper {
    align-items: center;
    display: flex;
  }
  .primary-menu-wrapper {
    display: block;
    width: 100%;
  }
  /* HEADER TOGGLES */
  .mobile-search-toggle,
  .mobile-nav-toggle {
    display: none !important;
  }
  .primary-menu-wrapper + .header-toggles {
    margin-left: 3rem;
  }
  .header-toggles {
    display: flex;
    flex-shrink: 0;
    margin-right: -3rem;
  }
  .header-inner .toggle {
    height: 4.4rem;
    padding: 0 3rem;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
    width: auto;
  }
  .header-inner .toggle-wrapper {
    position: relative;
  }
  .header-inner .toggle-wrapper::before {
    background: #dedfdf;
    content: "";
    display: block;
    height: 2.7rem;
    position: absolute;
    left: 0;
    top: calc(50% - 1.35rem);
    width: 0.1rem;
  }
  .header-inner .toggle-wrapper:first-child::before {
    content: none;
  }
  .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
    content: "";
  }
  .nav-toggle-wrapper:not(.has-expanded-menu) {
    display: none;
  }
  .toggle-inner {
    position: static;
  }
  .toggle-inner .toggle-text {
    left: 0;
    right: 0;
    text-align: center;
    top: calc(100% - 0.3rem);
    width: auto;
  }
  .header-toggles:only-child .nav-toggle .toggle-inner {
    padding-top: 0;
  }
  .header-toggles:only-child .toggle-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .header-toggles:only-child .toggle-inner .svg-icon {
    order: 1;
  }
  .header-toggles:only-child .toggle-inner .toggle-text {
    position: static;
    padding-right: 20px;
    font-size: 15px;
    color: inherit;
  }
  /* Menu Modal ---------------------------- */
  .menu-modal {
    opacity: 1;
    justify-content: flex-end;
    padding: 0;
    transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;
  }
  .menu-modal.cover-modal {
    background: rgba(0, 0, 0, 0);
  }
  .menu-modal.active {
    background: rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease-out;
  }
  .menu-wrapper.section-inner {
    width: calc(100% - 8rem);
  }
  .menu-modal-inner {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    padding: 0;
    transform: translateX(20rem);
    transition: transform 0.2s ease-in, opacity 0.2s ease-in;
    width: 50rem;
  }
  .menu-modal.active .menu-modal-inner {
    opacity: 1;
    transform: translateX(0);
    transition-timing-function: ease-out;
  }
  .mobile-menu {
    display: none;
  }
  .expanded-menu {
    display: block;
  }
  .menu-bottom {
    padding: 6rem 0;
  }
  .menu-bottom .social-menu {
    justify-content: flex-start;
  }
}
/* -------------------------------------------------------------------------- */
/*	7d. Page: About
/* -------------------------------------------------------------------------- */
/* post-8 pour localhost et page-id-28866 pour le vrai site*/
.post-8 .featured-media-inner,
.page-id-28866 .featured-media-inner {
  /* if post-8 is the id of the contact post */
  width: 80vw;
}

/* -------------------------------------------------------------------------- */
/*	7d. Page: Présentation
/* -------------------------------------------------------------------------- */
.download {
  margin: inherit auto;
  max-width: 120rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  justify-content: center;
  margin-bottom: 2em;
}

.download__item {
  position: relative;
  margin: auto 1rem;
  padding: 1rem 1rem;
  border-radius: 0.4rem;
  text-align: center;
  text-transform: none;
  color: black;
  background: #78a0aa;
  border: 1px solid #78a0aa;
  transition: background 0.4s ease-out, border 0.2s ease-out;
}

.download__link {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  /* border: 2px solid red; */
}

.download__item:hover {
  border: 1px solid black;
  background: rgb(57, 104, 131);
}

/* -------------------------------------------------------------------------- */
/*	7g. Page: Publications
/* -------------------------------------------------------------------------- */
/* Articles */
.articles-list-container {
  max-width: 60rem;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.articles-list {
  margin: auto;
}

.articles-link {
  font-size: 2rem;
  color: rgb(57, 104, 131);
}

.articles-link:hover {
  color: #78a0aa;
}

/* -------------------------------------------------------------------------- */
/*	7h. Page: Contact
/* -------------------------------------------------------------------------- */
/* Contact */
.contact-infos-wrapper {
  display: flex;
  justify-content: center;
}

.contact-infos {
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
  padding: 4rem 0;
}

/* -------------------------------------------------------------------------- */
/*	7g. Page: Media
/* -------------------------------------------------------------------------- */
/* SE23 */
.page-media .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: 80%;
  max-width: 1400px;
}

.page-media .post-inner {
  padding-top: 4rem;
}

.media {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 80%;
  margin: auto;
  max-width: 1400px;
}

.media__frame {
  width: 50%;
  padding: 0 2rem;
  margin-bottom: 2rem;
  min-width: 420px;
  max-width: 800px;
}

.media__frame iframe {
  border-radius: 10px;
}

@media (max-width: 600px) {
  .media {
    width: 100%;
  }
  .media__frame {
    width: 100%;
    min-width: 0;
    margin-bottom: 2rem;
    min-width: none;
  }
}
/* -------------------------------------------------------------------------- */
/*	7g. Page: Music and archive music
/* -------------------------------------------------------------------------- */
/* SE23 */
.music .entry-header {
  display: none;
}

.music .post-inner {
  padding-top: 4rem;
}

.music .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: 90%;
  max-width: 120rem;
}

.music h1,
.music h2 {
  margin: 0 auto;
}

.music h2 {
  font-size: 2.5rem;
}

.music-year {
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 2rem;
}

.single-music__image {
  margin: 0 0 0 auto;
  max-width: 350px;
}

/* -------------------------------------------------------------------------- */
/*	7g. Page: Archive concerts
/* -------------------------------------------------------------------------- */
.post-type-archive-concerts article {
  width: 90%;
  margin: 0 auto;
  padding: 0;
}

.concerts-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.post-type-archive-concerts h2 {
  font-size: 2.5rem;
}

@media (min-width: 700px) {
  .post-type-archive-concerts article,
  .post-type-archive-concerts section {
    padding: 0 !important;
  }
}
.concerts-ul {
  font-family: "Courier Prime", Courier, monospace;
}

.concerts-ul a {
  color: #c62020;
}

.past-concerts-ul {
  font-family: "Courier Prime", Courier, monospace;
  font-style: italic;
}

/* Concerts page font-size (in @media, back to normal size 1.8rem) */
.concerts-ul,
.past-concerts-ul {
  font-size: 1.5rem;
}

/* -------------------------------------------------------------------------- */
/*	8. Post: Archive
/* -------------------------------------------------------------------------- */
/* Archive HEADER ---------------- */
/* -------------------------------------------------------------------------- */
/*	8d. Page: Home
/* -------------------------------------------------------------------------- */
.home__featured p {
  text-align: center;
  font-weight: 500;
  font-size: 3rem;
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
}

.home__featured-image__container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.home__featured img {
  width: 100%;
  max-width: 500px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 15px;
  transition: transform 0.06s ease-in-out, box-shadow 0.06s ease-in-out;
  overflow: hidden;
}

.home__featured img:hover {
  transform: scale(1.02);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 20px;
}

/* -------------------------------------------------------------------------- */
/*	9c. Post: Single Item Template
/* -------------------------------------------------------------------------- */
/* SE23 MEDIA */
.single-publications h1 {
  margin: 0 auto;
}

.single-publications h2 {
  margin: 0;
  font-size: 2.5rem;
}

/* Single Item HEADER ---------------- */
.single-publications .entry-header {
  display: none;
}

.single-item-header__artist,
.single-item-header__title {
  margin: 0;
}

.single-item-header__artist,
.single-item-header__date {
  font-size: 4rem;
}

.single-item-header__title {
  font-size: 5rem;
}

.single-item-header__date {
  font-size: 3rem;
}

.single-item-header__title {
  margin: 0.8rem auto 1rem;
}

/* Single Item CONTENT ---------------- */
.single-publications .post-inner {
  padding-top: 4rem;
}

/* Canceling TwentyTwenty style */
.single-publications .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: 90%;
  max-width: 120rem;
}

.single-item__entry-content {
  /* Font & size */
  margin: auto;
  display: grid;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  grid-template-columns: 40% 50%;
  grid-template-rows: auto auto auto;
  grid-template-areas: "image title" "image details" "image text";
}

.single-item__el-1 {
  /* background: coral; */
  grid-area: image;
  width: auto;
  max-width: unset;
  margin: 0;
}

.single-item__el-1-thumbs {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.single-item__el-1-thumbs > * {
  max-width: 100px;
}

/* No styling of the active or focused links or buttons */
.single-item__entry-content a:active,
.single-item__entry-content a:focus {
  outline: none !important;
}

.single-item__el-2 {
  /* background: greenyellow; */
  width: auto;
  max-width: unset;
  margin: 0;
  margin-bottom: 4rem;
  grid-area: title;
}

h2.single-item__artist {
  font-weight: 200;
  font-size: 4rem;
  margin-bottom: 1rem;
}

h1.single-item__title {
  font-weight: 300;
  font-size: 3rem;
  /* Overriding TwentyTwenty style */
  font-style: italic;
  margin-bottom: 0;
  color: rgb(113, 113, 113);
}

/* Overriding TwentyTwenty style */
@media only screen and (min-width: 700px) {
  h2.single-item__artist {
    font-size: 3rem;
  }
  .entry-content h1.single-item__title {
    font-size: 4rem;
  }
}
.single-item__el-3 {
  font-size: 1.2rem;
  /* background: darkturquoise; */
  grid-area: details;
  margin-bottom: 2rem;
  width: 80%;
  max-width: unset;
  margin: 0;
  font-size: 1.8rem;
}

.single-item__el-4 {
  /*background: lightcyan;*/
  width: auto;
  max-width: unset;
  margin: 0;
  grid-area: text;
}

.single-item__el-4 p:first-child {
  margin-top: 0;
}

.single-item__el-4 p:last-child {
  margin-bottom: 0;
}

.single-item__entry-content h3 {
  margin: 0 auto 3rem;
}

/* Single Item FEATURED MEDIA ---------------- */
/* Canceling original TwentyTwenty style */
/*original: .singular .featured-media::before */
.single-publications .featured-media::before {
  position: relative;
}

/* original: .singular .featured-media */
.single-publications .featured-media-inner {
  left: auto;
  width: 100%;
}

.single-publications .featured-media-inner img {
  max-width: 600px;
  /* UNSET */
  width: 100%;
  vertical-align: top;
  margin: auto;
}

@media only screen and (max-width: 60em) {
  /* Content */
  .single-item__entry-content {
    width: 85%;
    margin: auto;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "title" "image" "details" "text";
  }
  .single-item__el-1 {
    text-align: center;
    margin-right: 0;
  }
  .single-item__el-1 .single-music__image {
    margin: 0 auto;
  }
  .single-item__el-1 iframe {
    margin: 0 auto;
    max-width: 400px;
  }
  .single-publications .featured-media-inner .portrait {
    max-width: 100%;
    max-height: 95vh;
    width: auto;
    height: auto;
  }
  .single-item__el-2 {
    text-align: center;
    margin: 0 auto 2rem;
  }
  .entry-content h1.single-item__title {
    margin-bottom: 2rem;
  }
  .single-item__el-3 {
    width: 100% !important;
    max-width: 600px !important;
    /* UNSET */
    margin: 3rem auto 4rem;
  }
  .item-details__ul {
    margin-bottom: 0;
  }
  .single-item__el-4 {
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
    /* UNSET */
  }
}
/*
.single-item__element-4 a:nth-child(n+2){
	display: none;
}*/
/* Single Item DETAILS ---------------- */
.item-details__title {
  display: none;
}

.item-details__ul {
  list-style: none;
  margin-left: 0;
}

.item-details__ul li {
  margin-left: 0;
}

/* -------------------------------------------------------------------------- */
/*	16. Footer
/* -------------------------------------------------------------------------- */
footer {
  height: 50px;
}

#site-footer {
  padding: 1rem 0;
  background: transparent !important;
  text-align: right;
}

#site-footer .section-inner {
  justify-content: flex-end;
  max-width: none; /* CTT*/
}

.footer-credits {
  display: flex;
  font-size: 1.5rem;
}

footer p {
  margin: 0;
}

.footer-copyright {
  font-weight: 300;
}

.footer-designer-copyright a {
  color: #831515;
}

/* -------------------------------------------------------------------------- */
/*	18. Original Layout Modifications
/* -------------------------------------------------------------------------- */
/* Sets the bottom margin of the beige content area via MAIN instead of FOOTER ---------------- */
main {
  padding-bottom: 8rem;
}

.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
  margin: 0;
}

/* Design elements ---------------- */
button:hover {
  text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/*	19. Plugin related modifications
/* -------------------------------------------------------------------------- */
/* Justified Gallery ---------------- */
/* Removing the default margin on figcaption in TwentyTwenty */
.dgwt-jg-gallery figcaption {
  margin: 0;
}

/*---------------- */
/* Fancybox ---------------- */
/* Removing the default color for buttons in TwentyTwenty */
.fancybox-button {
  background-color: rgba(30, 30, 30, 0.6) !important;
}

/* Styling the thumbs */
.fancybox-show-thumbs .fancybox-inner {
  right: 150px;
}

.fancybox-thumbs {
  background: rgba(0, 0, 0, 0.3);
  width: 150px;
  padding: 5px 5px;
}

.fancybox-thumbs__list a {
  max-width: 100%;
  width: 160px;
  height: 120px;
  float: none;
  display: block;
  margin: 5px auto;
}

/* Thinner border for the active thumb */
.fancybox-thumbs__list a::before {
  border-width: 3px;
}

.fancybox-slide--image {
  overflow: scroll;
}

/* .fancybox-thumbs {
	width: 150px;
}

.fancybox-thumbs__list a {
	float: none;
	display: block;
	margin: 2px auto;
	width: 140px;
	height: 120px;
	max-width: calc(100% - 4px);
	background-size: cover;
}  */
/*---------------- */
/* WPForms ---------------- */
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: #78a0aa;
  border: none;
  color: white;
  transition: background-color 0.2s ease-in-out;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:focus,
div.wpforms-container-full .wpforms-form input[type=submit]:active,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
  background-color: rgb(57, 104, 131);
  color: white;
  border: none;
  cursor: pointer;
}

.wpforms-container,
.wpforms-submit {
  font-family: "Afacad Flux", "Quicksand", "Helvetica", sans-serif;
}

.wpforms-submit {
  border-radius: 3px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #78a0aa;
}

.wp-image-737 {
  width: 100%;
  max-width: 500px;
}

/* Couleur de la validation */
.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background-color: #8ab8c4;
  border: 1px solid #78a0aa;
  border-radius: 3px;
}

/* -------------------------------------------------------------------------- */
/*	20. Hacks
/* -------------------------------------------------------------------------- */
/* Hiding some of the post-meta *//*# sourceMappingURL=style.css.map */