
: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; }

.wp-block-image.size-full {
  height: auto;
}

/* probably delete this */
section.Wide { margin-left:calc(-1 * var(--spacing-default)); margin-right:calc(-1 * var(--spacing-default)); }
@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; }

/* BLOCK PATTERNS */

  /* Hero Block */

    .Block-Hero { margin-top:calc(var(--header-height) * -1); padding-top:calc(2.5vw * 2.5 + var(--header-height))!important; width:100%; }

  /* Columns Text Photos */
    .Block-ColumnsTextPhotos .ColumnText { }
    .Block-ColumnsTextPhotos .ColumnPhotos { }
    body:not(.block-editor-page) .Block-ColumnsTextPhotos .ColumnPhotos .Stack { height: 100%; }
    .Block-ColumnsTextPhotos .ColumnPhotos .Stack figure { flex-grow:1; height:unset; }
    .Block-ColumnsTextPhotos h2 { margin-top:0!important; margin-block-start:0!important; }

  /* Columns Text Media with Badge */

    .Block-ColumnsTextMediaBadge { position:relative; }
    .Block-ColumnsTextMediaBadge .Badge { position:absolute; width:15%; aspect-ratio:1; left:52.5%; bottom:5rem; }

  /* Grid Stack Heading Photo Text */
    .Block-GridStackHeadingPhotoText { }
    .Block-GridStackHeadingPhotoText .Stack { height:100%; }
    .Block-GridStackHeadingPhotoText .Stack figure { height:100%!important; }
    .Block-GridStackHeadingPhotoText .Stack figure img { height:100%; object-fit:contain; }
    .Block-GridStackHeadingPhotoText .Stack h3 { line-height:.9; letter-spacing:-.01em; }
    .Block-GridStackHeadingPhotoText .Stack p { height:7.5em; line-height:1.5; }
    @media (max-width:767px) {
      .Block-GridStackHeadingPhotoText { grid-template-columns: repeat(1, minmax(0, 1fr))!important; }
    }

  /* Grid Photo Covers */
    .Block-GridPhotoCovers p { line-height:1.5; }
    @media (max-width:767px) {
      .Block-GridPhotoCovers { grid-template-columns: repeat(1, minmax(0, 1fr))!important; }
    }



/* CONTENT SUBTEMPLATES */

 
/* TYPICAL LAYOUT PARTS */

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



  /* .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 { 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 {  font-size:90%; }
  } */


/* 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; }
