/*
Theme Name: Netclic
Theme URI: https://agence-netclic.com/
Author: Netclic
Description: Starter theme WordPress classique, léger et orienté ACF Pro, SEO, accessibilité et performances.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: netclic
*/


:root {
  --color-bg: #F1ECE3;
  --color-text: #1D1A17;
  --color-text-gray: #8A8278;
  --color-primary: #C83920;
  --color-title: #1D1A17;
  --color-border: #DFDAD3;
}


/* START CSS général */
* {font-family: 'DM-Sans';}
a {transition: .3s;}
h1, h2, h3, h4, h5 {font-family: 'fraunces'; text-transform: uppercase; line-height: 1 !important;}
h2 {font-size: 80px;}
p, li, span {color: var(--color-text);}
a:hover {color: var(--color-primary);}
.txt-gray p, .txt-gray li, .txt-gray span, .txt-gray {color: var(--color-text-gray);}
.sect-pad {padding: 60px 0;}
.bg-color {background: var(--color-bg);}
.dark-bg {background: var(--color-title);}
.maxwidth900 {max-width: 900px;}
.maxwidth750 {max-width: 750px;}
.disp-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.gap40 {gap: 40px;}
.gap50 {gap: 50px;}
.gap100 {gap: 100px;}
.colflex {flex: 1;}
.btn-link {text-transform: uppercase; font-size: 13px; letter-spacing: 4px; text-decoration: none; border-bottom: solid 1px; width: fit-content;}
.btn-primary {color: var(--color-primary);}
.btn-link {display: flex; align-items: center; gap: 10px; background: none; border-top: none; border-left: none; border-right: none;}
.btn-link svg {height: 16px; fill: currentColor;}
.big-p p, .big-p, .big-p li, .big-p span, .big-p b, .big-p strong {font-size: 18px; font-family: 'Lora';}
.btn-right {margin: 0 0 0 auto;}
.btn-center {margin: auto;}
input:focus, textarea:focus, input:focus-visible, textarea:focus-visible {outline: none !important; border-top: none !important; border-left: none !important; border-right: none !important; border-color: var(--color-primary) !important;}
::selection {background: var(--color-title); color: var(--color-bg);}
.dark-bg ::selection {background: var(--color-bg); color: var(--color-title);}
blockquote {border-left: solid 2px var(--color-primary); margin-left: 0; padding-left: 30px;}
/* END CSS général */



/* START HEADER */
.site-main {margin-top: -68px;}
.site-header {position: sticky; top: 0; z-index: 1000; width: 100%; transition:background-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease; border-bottom: none !important;}
.admin-bar .site-header {top: 32px;}
.home .site-title, .single-projet .site-title {color: var(--color-bg);}
.site-title {text-decoration: none !important; color: var(--color-title); font-family: 'fraunces'; text-transform: uppercase; font-weight: 900; letter-spacing: 4px; font-size: 20px; transition: .3s;}
.home header .menu-item a, .single-projet header .menu-item a {color: var(--color-bg);}
header .menu-item a:hover {color: var(--color-primary) !important;}
header .menu-item a {text-decoration: none; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; color: var(--color-title); transition: .3s;}
.site-header.is-scrolled {background: var(--color-bg); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border-bottom: 1px solid var(--color-border) !important;}
.site-header.is-scrolled .site-title, .site-header.is-scrolled .menu-item a {color: var(--color-title);}
/* END HEADER */