/*
Theme Name:     WeSub
Theme URI:      
Description:    Twentytwentyfive child theme.
Author:         Artur Solarz
Author URI:     artur.solarz.eu
Template:       twentytwentyfive
*/
@import url('css-variables.css');
.surface-gradient{
    background: linear-gradient(180deg, var(--wp--preset--color--neutral-surface-1-8) 0%, var(--wp--preset--color--neutral-surface-1) 100%);
}

body{
  max-width: 100vw;
  width:100%;
  overflow-x: clip;
  box-sizing: border-box;
  margin:0;
}
.has-global-padding{
  padding:0!important;
}
.has-global-padding > .alignfull{
  margin:0!important;
}
.shadow{
    box-shadow: 12px 12px 32px 0 rgba(33, 38, 255, 0.12), -12px -12px 32px 0 rgba(255, 0, 97, 0.12);
}
/* Base Heading Styles */
.gradient-text,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  padding: 0;
  color: transparent;
  background-clip: text;            
  background: linear-gradient(90deg,
    var(--wp--preset--color--text-heading) 5%,
    var(--wp--preset--color--text-heading-2) 90%);
  background-clip: text!important; 
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* For browsers that don't support background-clip:text, preserve readable color */
@supports not (background-clip: text) {
  .gradient-text,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--wp--preset--color--text-heading, #111);
    background: none;
    -webkit-text-fill-color: initial;
  background-clip: text;            
  }
}
/* ================================================
   DESKTOP STYLES (Default/Desktop-First)
   ================================================ */
h1, .h1 {
  font-size: var(--text-sizes-headings-h1);
  line-height: var(--text-sizes-headings-h1-line);
  font-weight: var(--text-sizes-headings-h1-weight);
  letter-spacing: var(--text-sizes-headings-h1-spacing);
}

h2, .h2 {
  font-size: var(--text-sizes-headings-h2);
  line-height: var(--text-sizes-headings-h2-line);
  font-weight: var(--text-sizes-headings-h2-weight);
  letter-spacing: var(--text-sizes-headings-h2-spacing);
}
.blog-container h2 {
  font-size: 24px;
  line-height: 28px;
}
h3, .h3 {
  font-size: var(--text-sizes-headings-h3);
  line-height: var(--text-sizes-headings-h3-line);
  font-weight: var(--text-sizes-headings-h3-weight);
  letter-spacing: var(--text-sizes-headings-h3-spacing);
}
h4, .h4 {
  font-size: var(--text-sizes-headings-h4);
  line-height: var(--text-sizes-headings-h4-line);
  font-weight: var(--text-sizes-headings-h4-weight);
  letter-spacing: var(--text-sizes-headings-h4-spacing);
}

h5, .h5 {
  font-size: var(--text-sizes-body-big);
  line-height: var(--text-sizes-body-big-line);
  font-weight: var(--text-sizes-body-big-weight);
  letter-spacing: var(--text-sizes-body-big-spacing);
}

h6, .h6 {
  font-size: var(--text-sizes-body);
  line-height: var(--text-sizes-body-line);
  font-weight: var(--text-sizes-body-weight);
  letter-spacing: var(--text-sizes-body-spacing);
}


.h2-tab {
  font-size: 24px;
  line-height: 28px;
  font-weight: var(--font-bold);
  letter-spacing: 0px;
}

.h3-tight {
  font-size: var(--text-sizes-headings-h3);
  line-height: 20px;
  font-weight: var(--font-bold);
  letter-spacing: var(--text-sizes-body-spacing);
}
.label {
  text-transform: uppercase;
  font-size: var(--text-sizes-special-label-line);
  line-height: var(--text-sizes-special-label-line);
  font-weight: var(--text-sizes-special-label-weight);
  letter-spacing: var(--text-sizes-special-label-spacing);
}

.label.big {
  font-size: var(--text-sizes-special-label-big-size);
  line-height: var(--text-sizes-special-label-big-line);
  font-weight: var(--text-sizes-special-label-big-weight);
  letter-spacing: var(--text-sizes-special-label-big-spacing);
}

.label.small {
  font-size: var(--text-sizes-special-label-small-size);
  line-height: var(--text-sizes-special-label-small-line);
  font-weight: var(--text-sizes-special-label-small-weight);
  letter-spacing: var(--text-sizes-special-label-small-spacing);
}

button {
  all: unset;
  font: inherit;
  display: inline-block;
  cursor: pointer;
}
footer,
:where(.wp-site-blocks) > *{ 
  margin-block-start:0;
}

body *{
  box-sizing: border-box;
}
.shadow{
box-shadow: 12px 12px 32px 0 rgba(33, 38, 255, 0.12), -12px -12px 32px 0 rgba(255, 0, 97, 0.12);
}
.image-hotspot img,
.image-hotspot{
  height:100%;
  max-width:none!important;
  width:auto;
}
 .gs-counter {
background-clip: text !important;
}

.counter, .gs-counterdiv > .gs-counter{
  font-size: var(--text-sizes-headings-h1);
  line-height: var(--text-sizes-headings-h1-line);
  font-weight: var(--text-sizes-headings-h1-weight)!important;
  letter-spacing: var(--text-sizes-headings-h1-spacing);
  background: 
    linear-gradient(90deg,
      var(--wp--preset--color--brand-primary) 5%,
      var(--wp--preset--color--brand-secondary) 90%
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent; /* Chrome fix */
}
.post-thumbnail-wrapper{
  max-height:240px;
}
.post-thumbnail-wrapper a,
a.post-thumbnail-wrapper  {
  z-index: 1;
  display: flex;
}
.post-thumbnail-wrapper a img,
a.post-thumbnail-wrapper img{
  width:100%;
  height:100%;  
    object-fit: cover;
  object-position: 50% 50%;
}
footer > .footer {
  min-height: 100vh;
  justify-content: end;
}
#featured .post-thumbnail-wrapper {
  max-height: unset;
}
.footer .details p{
  color: var(--wp--preset--color--text-body);
}
.footer .details div{
  color: var(--wp--preset--color--text-body-less);
}
.footer :is(.details, .menus) a{
  color: var(--wp--preset--color--text-body);
  display: block;
  padding: 8px 0;
}
.footer :is(.details, .menus) a:hover{
  color: var(--wp--preset--color--brand-primary);
}
body .team-slider-slides .post-thumbnail-wrapper{
  position: unset;
}
.team-slider-slides .post-job > div{
  min-height: 3rem;
  display:flex;
}
.the-post-footer{
  grid-column: span 6;
  display:flex;
  flex-flow: column;
  gap:1rem;
  margin-top: 2rem;
}
.the-post-footer > div:last-child{
  grid-column: span 6;
  display:flex;
  width:100%;
  justify-content: space-between;
}
#image-spacer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#image-spacer {
  padding: 0;
}
img.logo-slider__img {
  max-height: 120px !important;
}