@charset "UTF-8";
/*
 Theme Name:   Magie et Mésaventures
 Description:  GeneratePress child theme for Magie et Mésaventures
 Author:       Kaeness
 Author URI:   https://kaeness.fr
 Tested up to: 6.9
 Requires PHP: 8.3
 Text Domain:  magie-mesaventures
 Template:     generatepress
 Version:      0.0.1
*/
/*
  --contrast:					#08070a;
  --contrast-2:				#342d75; // violet foncé
  --contrast-3: 			#dbb2d0; // violet clair
  --base: 						#ebe1d4; // sable clair - fond page 
  --base-2:						#dfa05d; // orange
  --base-3:						#ffffff;
  --accent: 					#c11513; // rouge / orange
  --accent-hover: 		#5e3f8c; // violet
  --accent-2: 				#192b80; // bleu foncé

*/
/* == Variables == */
/* typo générale + titres var(--contrast) */
/* fond beige var(--base) */
/* fond violet clair var(--contrast-3) */
/* fond blanc var(--base-3) */
/* bleu foncé - fonds et accents - var(--contrast-2) */
/* rouge  var(--accent) */
/* orangé - var(--base-2) */
/* ---------------------------------------------------------------------------
 Mixins ---------------------------------------- */
/* -----------------------------------------------------------
						DEFAULT
----------------------------------------------------------- */
html {
  --etoile-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 270 270'%3E%3Cpath fill='none' d='M.00128-.00004H270.0006v269.99962H.00128z'/%3E%3Cpath fill-rule='nonzero' d='M269.80835 134.99685c-94.54128 22.23747-112.5662 40.26661-134.80778 134.81232C112.76317 175.26347 94.7299 157.23432.19696 134.99685 94.7299 112.75938 112.76316 94.73441 135.00057.1887c22.24158 94.5457 40.2665 112.57068 134.80778 134.80815'/%3E%3C/svg%3E");
  --etoile-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 270 270'%3E%3Cpath fill='none' d='M.00035.00044h270.0002V270.0008H.00034z'/%3E%3Cpath fill-rule='nonzero' d='M255.24279 143.90125c-74.3596 9.5598-105.33639 38.7409-120.40594 112.14867-15.54992-75.33851-47.24941-108.33975-120.08308-131.81129 71.27561-6.60962 106.13171-40.18505 120.08254-110.28967 15.0261 75.14937 45.86227 110.37515 120.40648 129.9523'/%3E%3C/svg%3E");
}

body {
  overflow-x: hidden;
  font-family: "Averia Serif Libre";
  font-size: 1em;
  color: #08070a;
  line-height: 1.625;
}
@media (min-width: 1024px) {
  body {
    font-size: 1.125em;
  }
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-bottom: 32px;
  line-height: 1.25;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

h1,
.h1,
h1.entry-title {
  font-size: 2.66667em;
}

h2,
.h2 {
  font-size: 2em;
}

h3,
.h3 {
  font-size: 1.55556em;
}

h4,
.h4 {
  font-size: 1.33334em;
}

h5,
.h5 {
  font-size: 1.16667em;
}

h6,
.h6 {
  font-size: 1.11112em;
}

p {
  margin-bottom: 12px;
}
p:last-child {
  margin-bottom: 0;
}

b,
strong {
  font-weight: 600;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

ul {
  list-style: square;
}

li::marker {
  color: #342d75;
}

img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

button,
.button,
.wp-block-button__link {
  border-radius: 0;
}

/* -----------------------------------------------------------
						HEADER
----------------------------------------------------------- */
.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
  border-color: #FFF !important;
  color: #FFF !important;
}
.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover, .main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:focus {
  background-color: #342d75;
  border-color: #342d75 !important;
}

/* -----------------------------------------------------------
						NAVIGATION
----------------------------------------------------------- */
#site-navigation #primary-menu li:hover .sub-menu li {
  border: 1px solid #dbb2d0;
}

@media (min-width: 768px) {
  .main-navigation #primary-menu a[href="#"] {
    pointer-events: none;
  }
}

.main-navigation .menu > .menu-item > a:hover:after,
.main-navigation .menu > .menu-item > a:focus:after,
.main-navigation .menu > .current-menu-item > a:after {
  width: 40px;
}

.sticky-enabled .main-navigation.is_stuck {
  background-color: #342d75;
}
.sticky-enabled .main-navigation.is_stuck .main-nav li.nav-button a:hover, .sticky-enabled .main-navigation.is_stuck .main-nav li.nav-button a:focus {
  background-color: #FFF;
  border-color: #FFF !important;
  color: #c11513 !important;
}

/* -----------------------------------------------------------
						CONTENT
----------------------------------------------------------- */
.separate-containers .site-main {
  margin-top: 0;
}
.separate-containers .inside-article {
  padding-top: 0;
}

.entry-header h1,
.page-header h1 {
  margin-bottom: 96px;
}

.site-main .alignfull,
.inside-article .alignfull {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
  width: calc(100vw - 8px);
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
  padding-bottom: 0;
}

.home .entry-content,
.home .inside-article {
  max-width: unset;
}

.entry-content,
.inside-article {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
}
.entry-content > .gb-container,
.inside-article > .gb-container {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .entry-content > .gb-container,
  .inside-article > .gb-container {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .entry-content > .gb-container,
  .inside-article > .gb-container {
    margin-bottom: 48px;
  }
}
.entry-content > .gb-container:last-child,
.inside-article > .gb-container:last-child {
  margin-bottom: 0;
}
.entry-content ul,
.inside-article ul {
  margin-left: 24px;
  padding-left: 0;
}
.entry-content ul ul,
.inside-article ul ul {
  margin-left: 16px;
  margin-bottom: 12px;
}
.entry-content ul li,
.inside-article ul li {
  position: relative;
  margin-bottom: 8px;
}
.entry-content ol,
.inside-article ol {
  margin-left: 24px;
  padding-left: 0;
}
.entry-content ol li,
.inside-article ol li {
  list-style-position: inside;
}
.entry-content ol ::marker,
.inside-article ol ::marker {
  font-family: "Barlow";
  font-weight: 600;
}
.entry-content ol ol,
.inside-article ol ol {
  margin-bottom: 12px;
}
.entry-content a:not([class]),
.inside-article a:not([class]) {
  -webkit-box-shadow: inset 0 -1px 0 0 #342d75;
          box-shadow: inset 0 -1px 0 0 #342d75;
  font-weight: 600;
}
.entry-content a:not([class]):hover, .entry-content a:not([class]):focus,
.inside-article a:not([class]):hover,
.inside-article a:not([class]):focus {
  -webkit-box-shadow: inset 0 -3px 0 0 #342d75;
          box-shadow: inset 0 -3px 0 0 #342d75;
}
.entry-content a:not([class]).wp-block-button__link,
.inside-article a:not([class]).wp-block-button__link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* GUTENBERG 
--------------------------------- */
.gb-inside-container p:last-child {
  margin-bottom: 0;
}

.wp-block-media-text {
  margin-bottom: 48px;
}
.wp-block-media-text > .wp-block-media-text__content {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .wp-block-media-text > .wp-block-media-text__content {
    padding-top: 0;
  }
}

/* Block column ------------------ */
.wp-block-column h3 > a {
  display: block;
}
.wp-block-column h3 > a:hover, .wp-block-column h3 > a:focus {
  background-color: #342d75;
}

/* Grid column ------------------ */
.gb-grid-wrapper {
  margin-left: -2.5641025641%;
  margin-bottom: 32px;
}
.gb-grid-wrapper > .gb-grid-column {
  padding-left: 2.5641025641%;
}

.wp-block-separator {
  height: 4px;
  max-width: 180px;
  margin-right: auto;
  margin-left: auto;
  background-color: #342d75;
  border: 0;
}
@media (min-width: 1024px) {
  .wp-block-separator {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

blockquote {
  border-left: 0;
  font-family: "Barlow";
}
blockquote cite {
  display: block;
  font-family: "Averia Serif Libre";
  font-style: normal;
  text-align: right;
  font-size: 0.9em;
  font-weight: 600;
}

.wp-block-file a {
  padding: 8px 12px;
  border: 1px solid #342d75;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wp-block-file a:hover, .wp-block-file a:focus {
  background-color: #c11513;
  border-color: #c11513;
  color: #c11513;
}
.wp-block-file a:first-of-type {
  border-radius: 50px 0 0 50px;
}
.wp-block-file a:last-of-type {
  margin-left: 0;
  background-color: #342d75;
  border-radius: 0 50px 50px 0;
  text-transform: uppercase;
}
.wp-block-file a:last-of-type:hover, .wp-block-file a:last-of-type:focus {
  background-color: #c11513;
  border-color: #c11513;
  color: #c11513;
}

/* BUTTON
-------------------------------------------- */
.button,
.wp-block-button .wp-block-button__link {
  border: 1px solid #342d75;
}

.wp-block-button.is-style-outline:not(.has-background) .wp-block-button__link {
  border-color: #FFF;
}

/* HOME HEADER BUTTONS ------------------------ */
.home-header .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.magie-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: #FFF;
  border: 1px solid #FFF;
  color: #08070a;
}
.home-header .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .home-header .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.magie-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.magie-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
  background-color: #c11513;
  color: #FFF;
}

/* SOCIAL BLOCK
-------------------------------------------- */
.wp-block-social-links .wp-block-social-link {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wp-block-social-links .wp-block-social-link:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.wp-block-social-links .wp-block-social-link:hover a svg {
  fill: rgb(19.2592592593, 16.6666666667, 43.3333333333);
}

/* BLOCS REUTILISABLES
-------------------------------------------- */
/* COMPOSITIONS
-------------------------------------------- */
/* Compo simples --------------------- */
.chapo {
  font-size: 1.125em;
  font-weight: 600;
  color: #342d75;
}

.magie-liste-spectacles .gb-loop-item {
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.magie-liste-spectacles .gb-loop-item::before {
  content: "";
  position: absolute;
  left: -12px;
  top: -12px;
  display: block;
  width: 32px;
  height: 32px;
  -webkit-mask: var(--etoile-1) no-repeat center/contain;
          mask: var(--etoile-1) no-repeat center/contain;
  background-color: var(--accent);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.magie-liste-spectacles .gb-loop-item:hover::before, .magie-liste-spectacles .gb-loop-item:focus-within::before {
  opacity: 1;
}
.magie-liste-spectacles .gb-text a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.magie-liste-spectacles .gb-text a:hover, .magie-liste-spectacles .gb-text a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #08070a;
}
.magie-liste-spectacles .gb-text a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Compo complexes --------------------- */
/* -----------------------------------------------------------
						FOOTER
----------------------------------------------------------- */
.site-footer a:not(:has(svg)):hover, .site-footer a:not(:has(svg)):focus {
  -webkit-box-shadow: inset 0 -2px 0 0 currentColor;
          box-shadow: inset 0 -2px 0 0 currentColor;
}

/* -----------------------------------------------------------
						PAGES
----------------------------------------------------------- */
/* 	PAGE HOME
-------------------------------------------- */
/* 	PAGES INTERIEURES
-------------------------------------------- */
.single .entry-content,
.archive .entry-content,
.page:not(.home).page-template-default .entry-content {
  position: relative;
}
@media (min-width: 1366px) {
  .single .entry-content .alignwide,
  .archive .entry-content .alignwide,
  .page:not(.home).page-template-default .entry-content .alignwide {
    width: calc(100% + 240px);
    max-width: calc(100% + 240px);
    margin-left: -120px;
  }
}

/* Blog
-------------------------------------------- */
.paging-navigation {
  padding: 24px 0;
  border-width: 1px 0;
  border-color: rgb(87.962962963, 77.3333333333, 186.6666666667);
  border-style: solid;
}
.paging-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
}
.paging-navigation .nav-links > * {
  padding: 0 12px;
}
.paging-navigation .current {
  margin: 0 4px;
  background-color: #c11513;
  line-height: 2em;
  color: #FFF;
}
.paging-navigation a {
  margin: 0 4px;
  line-height: 2em;
}
.paging-navigation a:hover, .paging-navigation a:focus {
  background-color: #342d75;
  color: #FFF;
}

.post-navigation {
  padding: 24px 0;
}
@media (min-width: 1024px) {
  .post-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  line-height: 1.25;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.post-navigation .nav-previous:hover, .post-navigation .nav-previous:focus-within,
.post-navigation .nav-next:hover,
.post-navigation .nav-next:focus-within {
  background-color: #342d75;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.post-navigation .nav-previous:hover svg, .post-navigation .nav-previous:focus-within svg,
.post-navigation .nav-next:hover svg,
.post-navigation .nav-next:focus-within svg {
  fill: #ebe1d4;
}
.post-navigation .nav-previous:hover a, .post-navigation .nav-previous:focus-within a,
.post-navigation .nav-next:hover a,
.post-navigation .nav-next:focus-within a {
  color: #FFF;
}
@media (min-width: 1024px) {
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    -ms-flex-preferred-size: 48.7179487179%;
        flex-basis: 48.7179487179%;
  }
}
.post-navigation .nav-previous svg,
.post-navigation .nav-next svg {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.post-navigation .nav-previous span,
.post-navigation .nav-next span {
  display: inline-block;
}
.post-navigation .nav-previous span a,
.post-navigation .nav-next span a {
  display: block;
  padding: 4px 8px;
}
.post-navigation .nav-previous span a:hover, .post-navigation .nav-previous span a:focus,
.post-navigation .nav-next span a:hover,
.post-navigation .nav-next span a:focus {
  color: #FFF;
}
.post-navigation .nav-previous {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .post-navigation .nav-previous {
    margin-bottom: 0;
  }
}
.post-navigation .nav-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
.post-navigation .nav-next .gp-icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.post-navigation .nav-next .next {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

/* PAGE RECHERCHE
-------------------------------------------- */
.wp-block-search__inside-wrapper {
  max-width: 450px;
}
.wp-block-search__inside-wrapper .wp-block-search__button {
  margin-left: 0;
}

.search article {
  position: relative;
}
.search h2 {
  font-size: 1.3em;
}
.search h2 a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search h2 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.search .entry-summary {
  margin-top: 16px;
  line-height: 1.35;
  font-size: 0.9em;
}

.search-results .inside-article {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.search-results .inside-article:hover, .search-results .inside-article:focus-within {
  background-color: #dfa05d;
}
.search-results .inside-article:hover a, .search-results .inside-article:focus-within a {
  color: #FFF;
}
.search-results .inside-article:hover .entry-header, .search-results .inside-article:focus-within .entry-header {
  padding-left: 16px;
  padding-right: 16px;
}
.search-results .inside-article:hover .entry-header a, .search-results .inside-article:focus-within .entry-header a {
  -webkit-box-shadow: inset 0 -3px 0 0 #ebe1d4;
          box-shadow: inset 0 -3px 0 0 #ebe1d4;
}
.search-results .post-image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  aspect-ratio: 3/2;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search-results .post-image a img {
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.search-results .entry-header {
  padding-right: 32px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* PAGE SITEMAP
-------------------------------------------- */
.entry-content .wp-block-wpseopress-sitemap li {
  margin-bottom: 8px;
}
.entry-content .wp-block-wpseopress-sitemap li:not(.wp-social-link) > a:not(.button) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* PAGE ERREUR 404
-------------------------------------------- */
/* -----------------------------------------------------------
						PLUGINS
----------------------------------------------------------- */
/* ScriptlessSocial Sharing
---------------------------------------------- */
.scriptlesssocialsharing {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 32px;
  border-top: 1px solid #c11513;
}

.scriptlesssocialsharing .scriptlesssocialsharing__heading {
  font-size: 1.1em;
}
.scriptlesssocialsharing .scriptlesssocialsharing__buttons a.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  width: 34px;
  padding: 6px 8px;
  background-color: #342d75;
  border-radius: 50%;
  line-height: 1;
  color: #FFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scriptlesssocialsharing .scriptlesssocialsharing__buttons a.button:hover, .scriptlesssocialsharing .scriptlesssocialsharing__buttons a.button:focus {
  background-color: #c11513;
  -webkit-box-shadow: 0 0 6px rgba(8, 7, 10, 0.5);
          box-shadow: 0 0 6px rgba(8, 7, 10, 0.5);
}
.scriptlesssocialsharing .scriptlesssocialsharing__buttons a.button:not(:last-of-type) {
  margin-right: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Happyform
---------------------------------------------- */
/*.happyforms-styles {

	.happyforms-message-notice.happyforms-step-wrapper-notice {

		button.submit.happyforms-submit.happyforms-button--submit.happyforms-back-step {
			padding: 4px 8px;
			background-color: lighten($bg-orange-2, 25%);
			text-decoration: none;
			font-family: $font-family;

			&:hover,
			&:focus {
				background-color: $bg-primary;
			}
		}

		span.happyforms-form-progress__step-index.happyforms-form-progress__step-title {
			font-weight: bold;
		}
	}

	.happyforms-part,
	.happyforms-part.happyforms-part--legal {

		.checkmark {
			margin-right: 8px;
		}
	}

	button.happyforms-button, 
	button.happyforms-text-button, 
	button.submit.happyforms-button--submit, 
	button[disabled].submit.happyforms-button--submit, 
	button[type="submit"].happyforms-button--submit, 
	button[type="submit"][disabled].happyforms-button--submit {
		font-family: $font-family;
		text-transform: uppercase !important;
	}
}*/
/* WP GRID BUILDER
---------------------------------------------- */
/*.page .wpgb-facet .wpgb-pagination,
.single .wpgb-facet .wpgb-pagination,
.archive .wpgb-facet .wpgb-pagination {
	margin-top: 48px;

	@include breakpoint(sm) {
		margin-top: 64px;
	}
}
.wpgb-facet .wpgb-pagination {

	li {
		text-transform: uppercase;

		&:before {
			content: none;
		}

		a {
			border-radius: 20px;
			font-weight: 500;
			color: $color-accent !important;

			&[aria-current] {
				background-color: $bg-orange-2;
			}
			&:hover,
			&:focus {
				background-color: $bg-orange-2;
				border-radius: 20px;
				color: $color-accent !important;
			}
		}
	}
} */
/*# sourceMappingURL=style.css.map */