@charset "UTF-8";
/*
Theme Name: Traqpad WordPress Starter
Description: Thème WordPress optimisé avec ACF et Gutenberg.
Theme URI: https://traqpad.fr
Author: M. CORENTIN GOULOUMY pour TRAQPAD
...
*/
:root {
  /* Palette dark */
  --primary: #EE3B53;
  --primary-rgb: 238, 59, 83;
  --secondary: #FF512F;
  --secondary-rgb: 255, 81, 47;
  --tertiary: #DD2476;
  --tertiary-rgb: 221, 36, 118;
  --0000: #FFFFFF;
  --0100: #F9F9F9;
  --0200: #F2F2F2;
  --0300: #E6E6E6;
  --0400: #CCCCCC;
  --0500: #808080;
  --0600: #4D4D4D;
  --0700: #333333;
  --0800: #151515;
  --0900: #181818;
  --1000: #000000;
  --background: #F0F2F6;
  --paragraph: #181818;
  --link: #A0A0A0;
}

:root {
  --font-size: 16px;
  --website-padding: 0.75rem;
  --box-padding: 1.5rem;
  --font-size: calc(
      clamp(
          16px,
          16px + (18px - 16px) * ((100vw - 375px) / (1440px - 375px)),
          18px
      ) +
      max(0px, 0.001 * (100vw - 1440px))
  );
  --website-padding: clamp(
      0.75rem,
      0.75rem + (1.5rem - 0.75rem) * ((100vw - 768px) / (1440px - 768px)),
      1.5rem
  );
  --box-padding: clamp(
      1.5rem,
      1.5rem + (4rem - 1.5rem) * ((100vw - 768px) / (1440px - 768px)),
      4rem
  );
  font-size: var(--font-size);
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: normal;
}

button {
  cursor: pointer;
  background: none;
}

a {
  text-decoration: none;
  color: inherit;
}

html,
html > body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 100%;
}

html,
html > body,
html > body > .site-content,
html > body > .site-content > main {
  width: 100%;
  height: 100%;
}

html > body {
  height: fit-content;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html > body .site-content > main {
  min-height: 60dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[class^=section],
section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-left: calc(var(--website-padding) * 2);
  padding-right: calc(var(--website-padding) * 2);
  padding-top: var(--padding-top, 5rem);
  padding-bottom: var(--padding-bottom, 5rem);
}
[class^=section] > .container,
section > .container {
  position: relative;
  width: 100%;
  max-width: 42rem;
}
@media screen and (min-width: 1024px) {
  [class^=section] > .container,
  section > .container {
    max-width: 103.75rem;
  }
}

:root {
  --h1: .5;
  --h2: .6;
  --h3: .725;
  --h4: .85;
  --h5: .9;
  --h6: 1;
}

body {
  font-family: "Arial", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--paragraph, inherit);
  font-size: 1rem;
  line-height: 1.75rem;
}

html > body > .site-content > main p a,
html > body > .site-content > main ul a {
  color: var(--link);
  text-decoration: underline;
  transition: 0.25s;
}
html > body > .site-content > main p a:hover,
html > body > .site-content > main ul a:hover {
  color: var(--1400);
}
html > body > .site-content > main strong {
  font-weight: bold;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* h1, h2, h3, h4, h5, h6 & more */
h1 .text-special, h2 .text-special, h3 .text-special {
  font-style: italic;
}

.section-navigation {
  --padding-top:2rem;
  --padding-bottom:2rem;
}

.section-footer {
  --padding-top:2rem;
  --padding-bottom:2rem;
}

i {
  display: block;
  background: var(--icon-color, currentColor);
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
}
i.s16 {
  width: 1rem;
  height: 1rem;
}
i.s24 {
  width: 1.5rem;
  height: 1.5rem;
}
i.s32 {
  width: 2rem;
  height: 2rem;
}

a:has(.icon):not(.in-button) > .icon {
  transition: 0.25s ease-in-out;
}
a:has(.icon):not(.in-button):hover > .icon {
  transform: scale(1.1);
}