/*!
Theme Name: Foundry Digital
Author: Andrea Musso
Author URI: https://github.com/amusso01
Description: Starter Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Strapped is based on Underscores https://underscores.me/ and Bootstrap 4 https://getbootstrap.com/ .

*/


.messages-users{
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: 0.6s;
}

.messages-users.active{
    max-height: 10000px;
}

.header-icons{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 20px;
  height: 39px;
  padding: 10px 18px;
  margin-right: 0;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(59, 130, 246, .18);
  z-index: 10;
  box-sizing: border-box;
}
.header-icons__item{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.header-icons__circle{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #ffffff;
  color: #2c2828;
  transition: background .2s ease, color .2s ease;
}
.header-icons__item:hover .header-icons__circle,
.header-icons__item.is-active .header-icons__circle{
  background: #3b82f6;
  color: #ffffff;
}
.header-icons__circle svg{
  display: block;
}
@media (min-width: 991px){
  .header-icons{
    position: static;
    margin-left: 0;
  }
}

/* Below 991px: the standalone icons pill and the desktop Register button
   are hidden. A second, unstyled copy of the icons (rendered inline inside
   .site-header__inner) sits between the logo and the hamburger instead, and
   Register/Log out moves into the hamburger dropdown. Desktop (>=991px) is
   untouched. */
.header-icons-inline{
  display: none;
}
.mobile-nav-btn{
  display: none;
}
@media (max-width: 990px){
  .site-header__container > .header-icons{
    display: none;
  }
  .header-icons-inline{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 12px;
  }
  .header-icons-inline .header-icons{
    position: static;
    background: transparent;
    box-shadow: none;
    height: auto;
    padding: 0;
    gap: 10px;
  }
  .header-icons-inline .header-icons__circle{
    width: 26px;
    height: 26px;
  }
  .site-header__logo img,
  .site-header__logo svg{
    max-height: 24px;
    width: auto;
  }
}
@media (max-width: 768px){
  .data-table tbody td.profilehome {height: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; line-height: 0 !important;}
  .data-table thead th.col-credits,
  .data-table tbody td.col-credits {display: none !important;}
}
@media (max-width: 480px){
  .header-icons-inline{
    margin: 0 8px;
    gap: 6px;
  }
  .header-icons-inline .header-icons{
    gap: 6px;
  }
  .header-icons-inline .header-icons__circle{
    width: 22px;
    height: 22px;
  }
  .site-header__logo img,
  .site-header__logo svg{
    max-height: 18px;
  }
}

/* Matches the theme's own breakpoint for hiding the desktop Register button
   (.site-header .main-nav-btn{display:none} at max-width:63.9rem), so the
   dropdown copy takes over right when the desktop one disappears. */
@media (max-width: 63.9rem){
  .mobile-nav-btn{
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
}

.site-header__inner{
  border-radius: 14px;
  height: 48px;
  padding: 8px 26px;
  position: relative;
  transition: height .3s ease;
}
/* .site-header__container's min-height jumps from 132px to 104px at 94.9rem
   (the theme's own breakpoint), so the pill needs a different top per range
   to keep its center matching the flex-centered icons/register row. */
.site-header__inner-wrapper{
  top: 42px; /* container min-height:132px -> center 66px; 42+48/2=66 */
}
@media (max-width: 94.9rem){
  .site-header__inner-wrapper{
    top: 28px; /* container min-height:104px -> center 52px; 28+48/2=52 */
  }
}

/* Keep Register/Log out flush right and vertically centered.
   Scoped to desktop only (>63.9rem) so it never fights the theme's own
   .site-header .main-nav-btn{display:none} that hides it below that width
   in favor of the copy inside the hamburger dropdown. */
@media (min-width: 1023px){
  .main-nav-btn{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  .main-nav-btn .btn .btn_wrapper{
    height: 39px;
    line-height: 39px;
    padding: 0 58px;
  }
  .main-nav-btn .btn .text-hover{
    transform: translateY(39px);
  }
  .main-nav-btn .btn:hover .text{
    transform: translateY(-39px);
  }
  .main-nav-btn .btn:hover .text-hover{
    transform: translateY(-39px);
  }
}

/* The logo/hamburger pill is position:fixed, so it ignores the margin-top
   WP adds to <html> for the admin toolbar; everything else is normal flow
   and gets pushed down by it. Compensate so the pill stays aligned with
   the icons/register row while logged in. WP's admin bar is 32px tall
   above 782px viewport width and 46px at/below it. */
body.admin-bar .site-header__inner-wrapper{
  top: 74px; /* 42px (pill, wide) + 32px (admin bar) */
}
@media (max-width: 94.9rem){
  body.admin-bar .site-header__inner-wrapper{
    top: 60px; /* 28px (pill, typical desktop) + 32px (admin bar) */
  }
}
@media (max-width: 782px){
  body.admin-bar .site-header__inner-wrapper{
    top: 74px; /* 28px (pill) + 46px (admin bar, mobile toolbar height) */
  }
}


.block-padding.block-landing-hero.content-block{width: 100%!important;}

/* hiring_left / hiring_right are WYSIWYG (TinyMCE) fields, so any <svg> pasted
   into them gets stripped on save. Add the checkmark back via CSS instead of
   relying on the field to keep the markup. */
.two-cards .card-large ul{
  list-style: none;
  padding-left: 0;
}
.two-cards .card-large ul li{
  display: flex;
  align-items: center;
  gap: 10px;
}
.two-cards .card-large ul li::before{
  content: "";
  flex-shrink: 0;
  width: 25px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' viewBox='0 0 25 21' fill='none'%3E%3Crect width='24.3' height='20.025' rx='8' fill='%2396F6C7' fill-opacity='0.3'/%3E%3Cpath d='M9.7 16.025L4 10.325L5.425 8.9L9.7 13.175L18.875 4L20.3 5.425L9.7 16.025Z' fill='%23006C4A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}