/*
Theme Name: Webbugs Theme (Child, Gutenberg)
Template: pocketprotector-gutenberg-theme
*/

:root {
  --font-heading: Poppins, sans-serif;
  --font-paragraph: Poppins, sans-serif;
  --font-symbol: 'Material Symbols Outlined Variable';
}

.grecaptcha-badge { visibility:hidden; }

.Hero { border-bottom:.2vw solid var(--color-gray); }
.Hero .Columns .Column.Text { justify-content:start; padding-top:9.5vw!important; }
.service .Hero .Columns .Column.Text p { width:100%; }

figure.Background { position: absolute!important; /* z-index: 0; */ width:100%!important; aspect-ratio:2; filter: opacity(.20); }
figure.Background img {
  position: absolute;
  z-index: 0;
  width:100%!important; aspect-ratio:2;
  transform: scaleY(-1);
  object-fit: contain!important;
  object-position: calc(100% + 10px) calc(100% + 5px);
}
.Gutenberg figure.Background { width:100%!important; }
.Gutenberg figure.Background img { }


/* post inserter */

  .PostInserter.GridOffset {  }
  .PostInserter.GridOffset .Tiles.ThreeColumns { grid-template-columns: repeat(6, 1fr); }
  .PostInserter.GridOffset .Tiles.ThreeColumns > div  { grid-column: span 2; }
  .PostInserter.GridOffset .Tiles.ThreeColumns > div:nth-of-type(1) { grid-column-start:2; grid-column-end:4; }
  .PostInserter.GridOffset .Tiles.ThreeColumns > div:nth-of-type(2) { grid-column-start: 4; grid-column-end: 6; }
  @media (max-width:767px) {
    .PostInserter.GridOffset .Tiles.ThreeColumns { grid-template-columns: repeat(2, 1fr); }
    .PostInserter.GridOffset .Tiles.ThreeColumns > div:nth-of-type(1) { grid-column-start:unset; grid-column-end:unset; }
    .PostInserter.GridOffset .Tiles.ThreeColumns > div:nth-of-type(2) { grid-column-start: unset; grid-column-end: unset; }
  }

  /* pricing */

  .editor-styles-wrapper .PricingContainer .Spacer { display:none; }


/* view specific rules */

  #home-page { overflow:hidden; padding-top:50vw; }
  /* #home-page #hero { position:absolute; margin:0; top:0; left:0; width:100vw; } */
  #home-page #services { overflow:hidden; /*border-top:.2vw solid var(--color-gray);*/ border-bottom:.2vw solid var(--color-gray); }
  #home-page #how-we-work { border-top:.2vw solid var(--color-gray); }
  @media (max-width:767px) {
    #home-page #services .wp-block-columns { display:flex; flex-wrap:wrap; }
    #home-page #how-we-work {  }
    .wp-block-columns .Highlights { margin-bottom:2em; display:flex; flex-direction:row; justify-content:space-evenly; }
    .wp-block-columns .Highlights .wp-block-group { margin-top:1em; margin-bottom:1em; flex-basis:50% !important; }
    #home-page #services .wp-block-columns .wp-block-column:nth-of-type(1) { order:1; }
    #home-page #services .wp-block-columns .wp-block-column:nth-of-type(2) { order:0; }
    #home-page #services .wp-block-columns .wp-block-column:nth-of-type(3) { order:2; }
    #home-page #how-we-work .wp-block-columns .wp-block-column:nth-of-type(1) { order:1; flex-basis:calc(50% - 24px)!important; }
    #home-page #how-we-work .wp-block-columns .wp-block-column:nth-of-type(2) { order:0; flex-basis:100%!important }
    #home-page #how-we-work .wp-block-columns .wp-block-column:nth-of-type(3) { order:2; flex-basis:calc(50% - 24px)!important; }
  }

  #partner-portal .Hero { background-size: 50%!important; background-repeat: no-repeat; background-position: 90% 11vw; background-origin: initial; }
  #partner-portal .Hero .Columns .Column.Text p { width:40%!important; }