/* PREVIOUS */

  :root {
    --color-background: white;
    --color-text: black;
    --color-primary: rgb(249, 131, 43); /* #F9832B */
    --color-primary-dark: rgb(229, 88, 30); /* #E5581E */
    --color-gray-dark: rgb(38, 38, 38); /* #262626 */
    --color-gray-light: rgb(240, 240, 240); /* #F0F0F0 */
    --font-heading: Montserrat Variable, sans-serif;
    --font-special: Staatliches, sans-serif;
    --font-paragraph: Montserrat Variable, sans-serif;
    --spacing-default: 5vw;
    --header-height: 5vw;
  }

  @media (max-width:767px) {
    :root {
      --header-height:15vw;
    }
  }

  hr.wp-block-separator { border-top:.2rem solid var(--color-primary) !important; width:100%!important; }

  .Cta button { border:.3vw solid var(--color-primary); font-family:var(--font-special); background-color:white; color:black; }
  .Cta:hover button { background-color:var(--color-primary)!important; color:white; }
  .Cta::after { content:none; }

  p.has-xxx-large-font-size { line-height:1.3; }
  .wp-block-heading.has-huge-font-size { line-height:var(--font-size-huge-leading); letter-spacing:var(--font-size-huge-kerning); }
  .wp-block-heading.has-montserrat-font-family { line-height:.8; letter-spacing:-.01em; }

  header { padding:0; background-color:white; font-family:Staatliches; font-size:1.1rem; }
  header.Stucco { padding:0; /*height:inherit;*/ align-items:center; /*background-color:black;*/ color:revert; background-position:90%; }
  header.Stucco .Pattern { background:revert; }
  header .Logo { margin:1vw; margin-left:7vw; height:3vw; width:30%; }
  header .Logo button svg { width:unset; }
  header nav { width:70%; }
  header nav .Right { height:100%; }
  header nav .Right button:last-of-type { background-color:var(--color-primary); color:white; }
  header nav .Left { height:100%; }
  header nav ul.Primary > li:hover ul.Secondary { width:max-content; }
  header nav .Right .Cta.Contact:hover button { color:var(--color-gray-dark); }
  header nav ul.Primary > li:hover > a > button { color:var(--color-gray-dark); font-weight:unset; }
  header nav ul.Secondary > li:hover a { color:var(--color-gray-dark); }
  header nav ul.Secondary > li:hover > a button { font-weight:unset; }


  .grecaptcha-badge { visibility:hidden; }

  .BottomBar { padding-bottom:5rem!important; box-shadow: 0px -3rem 0px 0px var(--color-primary) inset; }

  .Hero { }
  .Hero .Columns .Column.Text { }
  .Hero.Auto { background-color:white; }
  .Hero .Columns .Column.Text { padding-left:6vw!important; }
  .Hero .Columns .Column.Text h1 { font-size:var(--font-size-huge); width:50%; line-height:.8; letter-spacing:0; }
  .Hero .Columns .Column.Text h1 strong { font-weight:900; }
  .Hero .Columns .Column.Text h2 { font-family:var(--font-special)!important; }

  .SliderFixed h1 { line-height:.8; }

  .PostInserter .Tiles .Item .Label {
    padding:0!important;
    text-align:left!important;
    font-family:var(--font-heading);
    font-size:var(--font-size-large);
  }
  .PostInserter .Tiles .Item .Label h3 { color:var(--color-primary)!important; font-weight:900!important; }
  .PostInserter .Tiles .Item:hover .Label h3 { color:white!important; }
  .PostInserter .Tiles .Item .Label button { all:unset; margin: 0; padding: 0 !important; font-family: var(--font-special); font-size: var(--font-size-large); }
  .PostInserter .Tiles .Item:hover .Label button { background-color:unset!important; color:white; }

  /* block patterns */

  @media (max-width:767px) {
    .Block-ColumnsTextMediaBadge .TextColumn .TextAndButtons { padding-right:0!important; }
    .Block-ColumnsTextMediaBadge .TextColumn .Badge { display:none; }
    .Block-ColumnsTextMediaBadge .MediaColumn { padding: 2.5vw; margin-top: 5vw; }
  }

  /* plugins */

  .Contact .Cf7 { min-height:50vw; }
  .Contact .Cf7 .wpcf7.js { width:100%; }
  .Contact .Cf7 form { /*margin-bottom:2rem;*/ }
  .Contact .Cf7 form p input { margin-top:1.5rem; padding:1em; width:100%; border:unset; font-family:inherit; font-size:inherit; background-color:var(--color-gray); color:white; }
  .Contact .Cf7 form p:first-of-type input { margin-top:0; }
  .Contact .Cf7 form input[type=submit] { reset:all; }
  .Contact .Cf7 form input::placeholder { color:white; opacity:1; }
  .Contact .Cf7 form textarea { margin-top:1.5rem; padding:1em; width:100%; border:unset; font-family:inherit; font-size:inherit; background-color:var(--color-gray); color:white; }
  .Contact .Cf7 form textarea::placeholder { color:white; opacity:1; }
  .Contact .Cf7 form .Cta { background:unset; border:2px solid var(--color-primary); width:fit-content; padding:1em 3em; }
  .Contact .Cf7 form .Cta:hover { cursor:pointer; background-color:var(--color-primary); border:2px solid white; color:white; }
  .Contact .Cf7 form p { margin:0; }
  .Contact .Cf7 form br { display:none; }
  .Contact .Cf7 form.sent > * { display:none; }
  .Contact .Cf7 form.sent > .wpcf7-response-output { display:block; border:none; color:var(--color-primary); }
  .Contact .Cf7 form.invalid .wpcf7-response-output { display:none; }
  .Contact .Cf7 form.invalid .wpcf7-not-valid-tip { color:var(--color-primary); }
  .Contact .Cf7 form.validating .wpcf7-response-output { display:none; }
  .Contact .Cf7 form.validating .wpcf7-not-valid-tip { color:var(--color-primary); }

  @media (max-width:767px) {
    .Contact .Cf7 form .Cta { display:block; margin-left:auto; margin-right:auto; }
  }


  .Gutenberg .Fluid.wp-block-cover.alignfull { padding-left:7vw!important; }

  /* BLOCK PATTERNS */

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

  /* other */

    .BelowMain { display:none; }

  /* view specific rules */



    main.Post { padding-top:30vw; }
    main.Post  .Content .Inner > .Columns .Gutenberg .Date { display:none; }
    main.Post .Hero.Short { margin-top: calc(var(--header-height) + var(--wp-login-bar)); }

    main#home-page { overflow:hidden; }
    main#home-page #services { overflow:hidden; border-bottom:.2vw solid var(--color-gray); }
    main#home-page #how-we-work { border-top:.2vw solid var(--color-gray); }
    main#home-page .SliderFixed .Fixed.Column.Left { padding-left:calc(2.5vw * 2.5); }
    main#home-page .SliderHtml nav { padding-left: calc(2.5vw * 2.5); }
    main#home-page .SliderHtml .Column.Left { padding-left: calc(2.5vw * 2.5); }

    main#technology .Hero .Columns .Column.Image { left:0; right:unset; }
    main#technology .Hero .Columns .Column.Text { padding-left:40%!important; padding-right: var(--spacing-default); width:100%; text-align:right; }
    main#technology .Hero .Columns .Column.Text h1 { width:100%; }

    main#contact #contact .Block-ColumnsTextPhotos { padding-top:5vw; }
    main#contact #contact.Hero { position:unset; border-bottom:none; }

    main#news #contact .Block-ColumnsTextPhotos { padding-top:5vw; }
    main#news #contact.Hero { position:unset; border-bottom:none; }
    main#news .PocketProtector.Rss { color:white; }
    main#news .PocketProtector.Rss ul li a { color:white; }
    main#news .PostInserter .Tiles .Item .Label button { color:white; }

    @media (max-width:767px) {
      #home-page { padding-top:100vw!important; }
      #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; }
      #technology .Hero .Columns .Column.Image img { right:unset; width:70%; }
      #technology #sets-us-apart .is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #industries .Fluid .has-xxx-large-font-size { font-size:7vw!important; }
      /* main#contact { padding-top:unset; } */
      main#contact #contact { position:inherit; }
    }

  /* modal */

    #modal .Glass { filter:opacity(1)!important; }
    #modal menu.Columns .Column div { flex-direction:column; }
    #modal menu .Heading button { text-transform:capitalize; font-weight:900; }
    #modal .Outer .Inner menu { padding:0; }


  /* footer */

    @media (max-width: 767px) {
      body > footer menu.Columns { padding:0%; flex-wrap:wrap; flex-direction:column; }
      body > footer menu.Columns .Column.Left { width:100%; }
      body > footer menu.Columns .Column.Logo a { width:100%; }
      body > footer menu.Columns .Column.Logo a button { margin:auto; width:fit-content; }
      body > footer menu.Columns.Top .Column.Logo .Phone { text-align:center; }
      body > footer menu.Columns.Top .Column.Logo .Email { text-align:center; }
      body > footer menu.Columns .Column.Company { margin:auto; text-align:center; }
      body > footer menu.Columns .Column.Company .Address { margin-top:3em; }
      body > footer menu.Bottom .Column.Social { justify-content:center; }
    }

/* 2026 HUNTER WOLF */

.ExpandableText { }
.ExpandableText p { display:inline; }
.ExpandableText .ExpandableToggle { display:block; margin-top:.5rem; }

.CoverBannerWide { }
@media (max-width:767px) {
  .CoverBannerWide { height:120vw; flex-direction:column; justify-content:flex-end; }
  .CoverBannerWide .wp-block-cover__inner-container { height:100%; }
  .CoverBannerWide .wp-block-cover__inner-container .wp-block-columns { height:100%; align-content:end; }
  .CoverBannerWide .wp-block-cover__inner-container .wp-block-columns .wp-block-column { flex-grow:0; height:fit-content; }
}

.RepeatingBlocks .CoverRow .TitleSecondary { padding:2rem 2rem .5rem 0!important; background-color:white; }
.RepeatingBlocks .CoverRow .TitleSecondary .wp-block-group:nth-of-type(1) { flex-grow:1; background:white; background-image:url('/wp-content/uploads/2026/03/Divider-Pattern-Orange.webp'); background-repeat:no-repeat; background-position:right; background-size:initial; }
.RepeatingBlocks .CoverRow h2 { font-size:3.25rem!important; line-height:1!important; }
.RepeatingBlocks .CoverRow a { font-weight:600; text-decoration:underline; color:black; }
.RepeatingBlocks .CoverRow .wp-block-cover { margin-block-start:0; }
.RepeatingBlocks .CoverRow .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column:nth-of-type(2) { background-color:rgba(255,255,255,.8)!important; }

@media (max-width:767px) {
  .RepeatingBlocks .CoverRow { height:120vw; }
  .RepeatingBlocks .CoverRow .wp-block-cover { height:100%; flex-direction:column; justify-content:flex-end; }
}