:root {}

:root :where(a:where(:not(.wp-element-button))) {
  text-decoration:none;
}

/* .Content { margin:3vw auto 0 auto; width:100vw; width:100%; } */
.Padded { padding-left:12%!important; padding-right:12%!important; }
.PaddedRight { padding-right:4%; }
.Rounded { border-radius:2em; padding:0.5rem 1rem; }
.Centered { margin:auto; }





section.Wide { margin-left:-4vw; margin-right:-4vw; }
@media (max-width:767px) {
  section.Wide { padding:0 2em; }
}








figure.Cover { width:100%; height:100%; }
figure.Cover img { width:100%; height:100%; object-fit:cover; }

.Content { padding:var(--content-spacing-vertical) 0; /* padding:var(--content-spacing-vertical) var(--content-spacing-horizontal); */ scroll-margin-top:5rem; }
.Content { padding:4%; }
.Content .Inner { width:100%; /* max-width:1440px; */ }
.Content p { /* margin-top:0; */ }

/* CONTENT SUBTEMPLATES */

  .Content.White { 
    background: linear-gradient(to bottom, black 0%, black 10%, var(--wp--preset--color--purple) 25%, white 40%, white 60%, var(--wp--preset--color--purple-light) 75% ); 
  }
  .Content.White .Inner { 
    padding:4vw 0; min-height:50vw; 
    box-shadow: 0vw 2vw 2vw 0vw rgba(0,0,0,0.5); 
    background-color:white; color:var(--wp--preset--color--gray); 
  }
  .Content.White .Inner .Row { padding:0 4vw; }

  .Content.Document h2 { margin:1.5em 0 .75em 0; font-size:2.5rem; font-weight:bold; text-transform:uppercase; }
  .Content.Document h3 { margin:1.5em 0 .75em 0; font-size:1.75rem; font-weight:bold; text-transform:uppercase; }
  .Content.Document h4 { margin:1.5em 0 .75em 0; font-size:1.5rem; font-weight:bold; text-transform:uppercase; }
  .Content.Document ul, .Content.Document ol { padding-left:2em; font-size:var(--font-size-default); }
  .Content.Document li { margin-bottom:.5em; }
  .Content.Document .ListLowerAlpha { list-style:lower-alpha; }

/* TYPICAL LAYOUT PARTS */

  .Hero .Message { padding:0 8%; }
  .Hero .Message strong { color:var(--wp--preset--color--green); }


/* OVERRIDES */

  main.post .Content.White .Inner { padding-top:0; padding-bottom:0; }
  main.case_study .Content.White .Inner { padding-top:0; padding-bottom:0; }
  main#blog .Content.White .Inner { padding-top:0; padding-bottom:0; background-color:black; }
  main#portfolio .Content.White .Inner { padding-top:0; padding-bottom:0; background-color:black; }

  .Checkers figure.wp-block-image img { width:100%; height:100%; object-fit:cover; }

  @media (max-width: 767px) {
    .Checkers { grid-template-columns: repeat(2, minmax(0,1fr))!important; }
    .Checkers > .wp-block-group { width:100%; height:auto; display:flex; flex-direction:column; justify-content:center; }
    .Checkers > .wp-block-group > * { width:100%; }
    .Checkers > *:nth-child(1) { order:1; }
    .Checkers > *:nth-child(2) { order:2; }
    .Checkers > *:nth-child(3) { order:4; }
    .Checkers > *:nth-child(4) { order:3; }
    .Checkers > *:nth-child(5) { order:5; }
    .Checkers > *:nth-child(6) { order:6; }
  }

/* CARDS */

  .Cards {  }
  .Cards > .wp-block-group { justify-content:space-between; margin:.5em; padding:1em; }
  .Cards > .wp-block-group.Card { flex-basis:100%; }
  .Cards > .wp-block-group.Card figure { padding:1em; }
  .Cards > .wp-block-group h3 { font-size:var(--font-size-xlarge); font-weight:600; text-transform:none; }
  .Cards > .wp-block-group p { font-size:var(--font-size-medium); }
  .Cards.Spread.NoIcons figure img { }
  .Cards.Spread.BigIcons figure img { padding:10% 10% 0 10%; }
  .Cards.Spread.SmallIcons figure img { padding:0; }
  .Cards.Border { background: linear-gradient(to bottom, #fff 2em, var(--color-purple) 2em, var(--color-purple) 2.2em, #fff 2.2em); }
  .Cards.Border .wp-block-group {
    width:100%;
    border-radius:1em; outline:2px solid var(--color-purple);
    background: url(/wp-content/themes/repdata-theme/assets/images/background-dark-bottom-left.webp) bottom/contain no-repeat; }
  .Cards.Border .Card { height:13rem; }
  .Cards.Borderless {  }
  .Cards.Borderless .wp-block-group { width:100%; background-image:url(/wp-content/themes/repdata-theme/assets/images/notch-background.png); background-repeat:no-repeat; background-size:contain; }
  .Cards.Borderless .wp-block-group img { margin:1.5em 0 1em 0; }
  .Cards.Borderless .wp-block-group h3 { margin:1em 0; }
  @media (max-width: 767px) {
    .Cards { flex-direction:row; flex-wrap:wrap!important; }
    .Cards > .wp-block-group.Card { flex-basis:49%; margin:0; width:50%; }
    .Cards > .wp-block-group.Card:last-of-type:nth-of-type(odd) { margin:auto; }
  }

/* FEATURE BLOCK */

  .Feature.Block .Heading figure { width:fit-content; }
  .Feature.Block .Heading h3 { font-weight:bold; }
  .Feature.Block .Columns { align-items:flex-start; }
  .Feature.Block .Columns > .wp-block-group { width:50%; }
  .Feature.Block .Columns > .wp-block-group figure { width:fit-content; }
  .Feature.Block .Columns > .wp-block-group:last-of-type {
    margin:.5em; padding:1em; border-radius:1em; outline:2px solid var(--color-purple);
    background: url(/wp-content/themes/repdata-theme/assets/images/background-dark-top-right.webp) top/contain no-repeat; }
  .Feature.Block .Columns > .wp-block-group:first-of-type h3 { /*font-size: var(--font-size-xxlarge);*/ text-transform: none; font-weight: 500; line-height: 1.2em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type p strong { font-size: var(--font-size-xlarge); text-transform: uppercase; font-weight: 500; line-height: 1.2em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type h4 {
    margin-bottom:.5em; padding-bottom:.25em; border-bottom:1px solid white;
    font-size: var(--font-size-large); text-transform: uppercase; font-weight: 500; line-height: 1.2em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type ul { list-style-type:disc; padding-left:1em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type .wp-block-columns { gap:0; }
  .Feature.Block .Columns > .wp-block-group:last-of-type .wp-block-columns ul { padding-right:2em; }

  @media (min-width: 1441px) {
    :root { }
  }

  @media (max-width:767px) {
    .Feature.Block .Columns { flex-direction:column; margin-bottom:2em!important; }
    .Feature.Block .Columns > .wp-block-group { width:100%; margin:0!important; }
    .Feature.Block .Columns > .wp-block-group:last-of-type .wp-block-column { margin-bottom:2em; }
    .Feature.Block .Columns > .wp-block-group:last-of-type { /*margin-top:-.8em;*/ /*width:40%;*/ font-size:90%; }
  }