/*
Theme Name: Steven Girard
Description: Site personnel Steven Girard, reprise du design bleu et or avec quatre pages.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: steven-girard
*/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background-color: #0c1f5e;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.animate-fade-in-up {
  animation: fadeInUp 0.7s ease both;
}

.animate-fade-in {
  animation: fadeIn 0.6s ease both;
}

.delay-1 { animation-delay: 0.15s; }
.delay-2 { animation-delay: 0.3s; }
.delay-3 { animation-delay: 0.45s; }
.delay-4 { animation-delay: 0.6s; }
.delay-5 { animation-delay: 0.75s; }

:root{--font-sans:'DM Sans',system-ui,sans-serif;--font-display:'Libre Baskerville',Georgia,serif}section[id]{scroll-margin-top:84px}#sg-mobile-menu[hidden]{display:none}#sg-mobile-menu{padding:1rem 1.5rem;background:#0c1f5e}#sg-mobile-menu a{display:block;color:white;padding:.7rem 0;text-decoration:none}.sg-menu-button{display:none!important}.sg-generic{max-width:1100px;margin:auto;padding:4rem 1.5rem;min-height:70vh}.sg-skip{position:fixed;top:-100px;left:1rem;z-index:100;background:white;color:#0c1f5e;padding:1rem}.sg-skip:focus{top:1rem}body.admin-bar header{top:32px!important}
@media(max-width:767px){.sg-desktop-nav{display:none!important}.sg-menu-button{display:flex!important}#accueil>div:last-child{gap:2.5rem!important}#accueil>div:last-child>div{max-width:100%}#accueil span{text-wrap:pretty}#accueil .animate-fade-in-up:first-child{font-size:.75rem}#engagements>div>div:last-child,#parcours>div:last-child>div:last-child{grid-template-columns:minmax(0,1fr)!important}#contact a{overflow-wrap:anywhere;padding-left:1rem!important;padding-right:1rem!important}}
@media(min-width:768px){#sg-mobile-menu{display:none}}@media(max-width:782px){body.admin-bar header{top:46px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-fade-in,.animate-fade-in-up{animation:none}}