/*
 Theme Name:   GeneratePerf
 Theme URI:    https://agencewebperformance.fr/prestations/creation-site-performant/
 Description:  GeneratePress high-quality unofficial child theme optimized for web performance and SEO. Includes advanced functionalities that do not impact loading times and improve website architecture. Runs with less than 12 kB of CSS and no jQuery. Any copy or reuse is strictly forbidden without the express consent of Agence Web Performance.
 Author:       Agence Web Performance
 Author URI:   https://agencewebperformance.fr/
 Template:     generatepress
 Text Domain:  generateperf
 Version:      2.1.5
 UID:          TFIgV2Vi
 Website:      https://www.petitlien.fr/
 Requires at least: 6.0
 Tested up to: 6.2
 Requires PHP: 7.4
 License: GPLv3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/**
 * Beautiful lists.
 */

li::marker {
  color: var(--darker);
}

/**
 * Beautiful inputs.
 */

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--darker);
}

/**
 * Improve default links style
 */

 .entry-content a:not(.simple):not(.wp-block-latest-posts__post-title) {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--accent);
	text-underline-offset: .25em;
}

.entry-content a:not(.simple):not(.wp-block-latest-posts__post-title):hover {
  text-decoration-color: var(--darker);
}

/**
 * Add Breadcrumb specific style.
 */

.breadcrumb {
  font-size: 17px;
  color: var(--contrast-2);
}

.breadcrumb a {
  color: var(--contrast-2);
}

.breadcrumb a:hover {
  text-decoration: underline;
}

/**
 * Simple lists in footer.
 */

.site-footer ul {
	list-style-type: none;
	margin-left: 0;
}

/**
 * Custom code.
 */

.featured-image img {
  width: 100%;
  border-radius: var(--border-radius);
}


.top-desktop {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .top-desktop {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .menu-bar-items {
    display: none !important;
  }
  .inside-header {
    flex-direction: row !important;
    justify-content: space-between !important;
  }
}

.menu-item svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  margin-right: .4em;
  vertical-align: sub;
}

.menu-item-has-children .dropdown-menu-toggle {
  padding-right: 0 !important;
}

body.single .entry-content::after {
  content: "\a";
  white-space: pre;
}

.site-header,
.site-footer-decorated {
  --s: 160px;
  --c1: #171718;
  --c2: var(--contrast);
  --_g: var(--s) var(--s) 
      radial-gradient(var(--c1) 17%,var(--c2) 18% 35%,#0000 36.5%);
  background: 
      calc(var(--s)/-4) calc(var(--s)/-4)/var(--_g),
      calc(var(--s)/ 4) calc(var(--s)/ 4)/var(--_g),
      radial-gradient(var(--c2) 34%,var(--c1) 36% 68%,#0000 70%) 
       0 0/calc(var(--s)/2) calc(var(--s)/2),
      repeating-linear-gradient(45deg,var(--c1) -12.5% 12.5%,var(--c2) 0 37.5%)
       0 0/var(--s) var(--s);
  
}

.site-footer .wp-block-categories-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 0.4rem;
    column-gap: 1rem;
}

.three-columns {
  margin-left: 1em;
  column-count: 2;
  column-gap: 40px;
}

.three-columns a {
  text-decoration-line: none !important;
}

@media (min-width: 769px) {
  .three-columns {
    column-count: 3;
  }
}

a.simple figure {
  height: 100%;
}

ins {
  background-color: var(--base-2);
  border-radius: var(--border-radius);
  padding: 20px;
  text-align: center;
  border: 1px solid var(--base);
}