:root {
  scroll-behavior: smooth;
  font-family: "Gotham", sans-serif;
  font-size:var(--font-size-responsive);
  font-weight: 400;
  line-height: 1.5;
  background-color:white;
  color:black;
  --font-size-responsive: clamp(16px, 1.1vw, 48px);
}

* { box-sizing:border-box; }

/* basic */

html { scroll-behavior: smooth; }
body {}
main { min-height:50vh; }
main.MainTop { margin-top:0; }
main.MainLower { margin-top:7.5vw; }
h1 { margin-top:0; font-weight:600; line-height:1.5; }
h2 { margin:0; font-size:2rem; line-height:1.1; }
h3 { line-height:1.1; }
h4 { line-height:1.1; font-size:2em; }
p { font-size:var(--font-size-default); margin-bottom:.75em!important; color:inherit; }
p:last-of-type { margin-bottom:1.5em!important; color:inherit; }
a { text-decoration:none; color:var(--color-purple-dark); font-weight:normal; }
a:hover { cursor:pointer; }
b { font-weight:600!important; }
strong { font-weight:600!important; }
button { all:unset; padding:1em; display:flex; }
header { color:white; font-size:1.1vw; }
hr { margin:2em 0; border:none!important; background:linear-gradient(to right, white, var(--color-purple-dark), white); height:.2em!important; }

.Hero p {  font-size: var(--font-size-medium); }
section.Content { padding:var(--content-spacing-vertical) var(--content-spacing-horizontal); scroll-margin-top:5rem; }

.Cta { width:fit-content; }
.Cta button { 
  margin:0; padding:.5vw 1vw!important; border:.2vw solid var(--color-pink)!important; border-radius:0!important; 
  width:fit-content;
  /*font-size:inherit;*/ font-size:var(--font-size-normal); font-weight:500; text-transform:uppercase; 
  color:revert; }
.Cta:hover button { color:white; }
header .Cta button { color:white; }
footer .Cta button { color:white; 
}


.Hero { height:52.5vw; }
.Hero h1 { margin-bottom:.3em; font-size:var(--font-size-huge-em); font-weight:600; line-height:.8em; text-transform:uppercase; }
.Hero h2 { margin-bottom:.5em; font-size:1.85rem; font-weight:600; text-transform:uppercase; text-align:left; }
.Hero.Content { margin-top:12vw; height:unset; }

.Molecule.Hero { min-height:40vw; /*height:unset;*/ }


.Hero .Content { padding:15vw var(--content-spacing-horizontal) 0 var(--content-spacing-horizontal); width:50%; }
.Hero .Content .message { /* margin-left:var(--content-spacing-horizontal); */ }
.Hero .Content .message h1 { font-size:var(--font-size-huge-em); line-height:.8em; font-weight:600; text-transform:uppercase; }
.Hero .Cta button { color:white; }

main.Starter { display:flex; min-height:52.5vw; flex-direction:column; justify-content:center; text-align:center; background-color:#333; color:white; }
main.Starter#Home { background-color:var(--color-blue-dark); }
main.Starter#Page { background-color:var(--color-purple-dark); }
main.Starter#Archive { background-color:black; }
main.Starter#People { background-color:red; }
main.Starter#Person { background-color:red; }
main.Starter#CaseStudies { background-color:green; }
main.Starter#CaseStudy { background-color:green; }

.Post .Gutenberg { margin:0; }
.Post .Gutenberg ul { list-style:disc; margin-bottom:2em; padding-left:1em; }
.Post .Gutenberg .wp-block-image.size-full { height:auto; }
.Post .Columns .Column.Main { margin-top:6vw; padding-right:5%; width:61%; }
.Post .Columns .Column.Sidebar { margin-top:0vw; padding-left:5vw; width:35%; }
.Post .Columns .Column .Start { display:flex; }
.Post .Columns .Column .Start .Date { margin-left:1em; margin-right:.5em; flex-direction:column; justify-content:center; }
.Post .Columns .Column .Start .Category { margin-left:1em; margin-right:.5em; flex-direction:column; justify-content:center; }

.Post .Columns .Column .Start.Desktop { flex-direction:column; }
.Post .Columns .Column .Start .DateColumn { display:flex; flex-direction:row; }
.Post .Columns .Column .Start .CategoryColumn { /*margin-top:.5em;*/ display:flex; flex-direction:row; }
.Post .Columns .Column .Start .CategoryColumn .Category { display:block; }

.Post .Columns .Column.Sidebar .Middle { margin-top:5.5em; }
.Post .Columns .Column.Sidebar .End .Cta { display:block; margin:auto; margin-top:3rem; }
.Post .Columns .Column.Sidebar .Middle .Logo { margin:5rem auto 2.5rem auto; width:75%; }
@media (max-width:767px) {
  .Post .Columns .Column.Main { margin-top:0; width:100%; }
  .Post .Columns .Column.Main .Date { margin-bottom:1em; }
  .Post .Columns .Column.Sidebar { display:none; }
}

.Post.Job .Skills ul { margin-bottom:0; list-style:none; padding-left:0; font-weight:bold; }
.Post.Job .Skills ul ul { margin-bottom:1em; list-style:disc; padding-left:1em; font-weight:normal; }

.Post a { color:var(--color-purple-dark); }
/* .Post .Columns .Column.Sidebar .CaseStudy { display:none; } */
/* .Post .Columns .Column.Sidebar .Person { display:none; } */

.Post.CaseStudy .Column.Sidebar .CaseStudy { display:block; }
.Post.CaseStudy .Column.Sidebar .CaseStudy .LogoText { margin:0 2rem; display:block; text-align:center; }
.Post.CaseStudy .Column.Sidebar .CaseStudy .Pdf { margin-top:4rem; text-align:center; }
.Post.CaseStudy .Column.Sidebar .CaseStudy .Pdf img { margin:auto; width:15%; }
.Post.CaseStudy .Column.Sidebar .CaseStudy .Pdf p { margin-top:.5em; }
.Post.CaseStudy .Cta { display:block; margin:auto; }

.Post.Person .Column.Sidebar .Person { color:gray; }
.Post.Person .Column.Sidebar .Start { display:none; }
.Post.Person .Column.Sidebar h3 { margin-bottom:1em; font-weight:bold; }
.Post.Person .Column.Sidebar table { margin:1em 0 2em 0; }
.Post.Person .Column.Sidebar table .Data { padding-left:1em; }
.Post.Person .Column.Sidebar .Cta { margin:0; }
.Post.Person .Column.Sidebar .Cta button { margin:unset; }
.Post.Person .Column.Sidebar a { color:inherit; }

@media (min-width: 1441px) {
  :root {
    font-size: 16.55px;
  }
  .Mobile { display:none!important; }
  section.Content { margin:auto; padding:28.8px 57.6px; width:1440px; }
  section.Molecule { margin:auto; width:1440px; }
  section.Molecule.Hero { min-height:575px; }
  .Post #Hero .Title { left:calc((100vw - 1440px) / 2); width:864px; }
}

@media (min-width: 768px) and (max-width: 1440px) {
  :root { 
    font-size: 1.1vw;
  }
  .Widescreen { display:none!important; }
  .Tablet { display:none!important; }
  .Mobile { display:none!important; }
}

@media (max-width: 767px) {
  :root {
    font-size:2.5vw;
    --font-size-default:16px;
    --font-size-huge: 4rem;
    --font-size-xxxxlarge: 4.6rem;
    --font-size-xxxlarge: 3.2rem;
    --font-size-xxlarge: 2.8rem;
    --font-size-xlarge: 1.4rem;
    --font-size-large: 1.2rem;
    --font-size-medium: 1rem;
    --font-size-small: .8rem;
    --font-size-xsmall: .65rem;
    --font-size-huge-em: 4em;
    --font-size-xxxxlarge-em: 4.6em;
    --font-size-xxxlarge-em: 3.2em;
    --font-size-xxlarge-em: 2.8em;
    --font-size-xlarge-em: 1.4em;
    --font-size-large-em: 1.2em;
    --font-size-medium-em: 1em;
    --font-size-small-em: .8em;
    --font-size-xsmall-em: .65em;
    --content-spacing-horizontal:5vw;
    --content-spacing-vertical:5vw;
  }
  p { font-size:var(--font-size-default); }
  .Widescreen { display:none!important; }
  .Desktop, .desktop { display:none!important; }
  .Tablet { display:none!important; }
  header img { width:40vw; }
  main.MainLower { margin-top:16vw;  }
  .Cta button { padding:0.25em 1em!important; border:.5vw solid var(--color-pink) !important; font-size:var(--font-size-medium); font-weight:800; }

  .Hero { height:70vh; max-height:100vw; }
  .Hero .Content { padding:25vw var(--content-spacing-horizontal) 0 var(--content-spacing-horizontal); width:100%; }
  .Hero .Content h1 { width:90%; /*font-size:1.5em;*/ }
  .Hero .Content h2 { font-size:1.5rem; }
  .Hero .Content p { width:80%; }
  .Hero .Content .buttons { flex-direction:column; }
  .Hero .Content .buttons button { margin-bottom:1em; }
  .Hero .Content .message { /*padding-top:45vw;*/ }
  .Post .Gutenberg .Start.Mobile .Container { display:flex; }
  .Post .Gutenberg .End.Mobile {  }
  .Post .Gutenberg .End.Mobile .CaseStudy .Pdf a img { margin:auto; width:15%; }
  .Post .Gutenberg .End.Mobile .CaseStudy .Pdf a p { font-size:normal; text-align:center; }
}

/* .Slider.Quotes { position:relative; z-index:1; } */
/* .Slider.Quotes {} */
#quotes { margin-bottom:5vw; }
.QuoteBox { 
  background-image:url(/wp-content/themes/repdata-theme/assets/images/background-quotes-white@alpha.svg);
  background-position:center; 
  background-repeat:no-repeat; 
}
.QuoteBox h2 { margin-bottom:.75em; padding-top:1vw; padding-right:0; font-size:1.4rem!important; font-weight:600; font-style:normal; }