/*
Theme Name:   Thesar-TT Sp. z o.o.
Theme URI:    https://thesartt.pl/
Description:  Spersonalizowany motyw.
Author:       Thesar-TT Sp. z o.o.
Author URI:   https://thesartt.pl/
Version:      1.0.4
Requires at least: 6.6.1
Tested up to: 6.6.1
Requires PHP: 8.0
Text Domain: thesartt
Description: Strona bazowa spółki Thesar-TT Sp. z o.o.
*/

:root{
  --green-color:#24b14c;
  --lightgreen-color:#95c93d;
  --black-color:#000;
  --white-color:#fff;
  --gray-color:#595f67;
  --title-color:#3d4a3d;
  --pink-color:#ff4d62;
  --red-color:#e60202;
  --orange-color:#e27c1b;
  --wp--style--global--content-size:1280px;
}
@font-face{font-display:swap;font-family:'Sora';font-style:normal;font-weight:400;src:url('../techprojekt/fonts/sora-v12-latin_latin-ext-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Sora';font-style:normal;font-weight:600;src:url('../techprojekt/fonts/sora-v12-latin_latin-ext-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Sora';font-style:normal;font-weight:800;src:url('../techprojekt/fonts/sora-v12-latin_latin-ext-800.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;src:url('../techprojekt/fonts/roboto-v32-latin_latin-ext-regular.woff2') format("woff2")}
@font-face{font-display:swap;font-family:'Roboto';font-style:italic;font-weight:400;src:url('../techprojekt/fonts/roboto-v32-latin_latin-ext-italic.woff2') format("woff2")}
@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:700;src:url('../techprojekt/fonts/roboto-v32-latin_latin-ext-700.woff2') format("woff2")}
@font-face{font-display:swap;font-family:'Roboto';font-style:italic;font-weight:700;src:url('../techprojekt/fonts/roboto-v32-latin_latin-ext-700italic.woff2') format("woff2")}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{color:var(--gray-color);font-family:'Roboto',sans-serif;font-size:15px;line-height:1.4em;overflow-x:hidden}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{height:auto;max-width:100%;display:block}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:var(--green-color);text-decoration:none;transition:color .3s}
a:hover{color:var(--pink-color)}
strong{font-weight:bold}
*{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{color:var(--title-color);font-family:'Sora',sans-serif;padding-bottom:15px;line-height:1.1em}
h1{font-size:1.8em}
h2{font-size:1.3em}
h3{font-size:1.17em}
h4{font-size:1em}
h5{font-size:.83em}
h6{font-size:.67em}
p{padding-bottom:1em}
p:last-child{padding-bottom:0}
em{font-style:italic}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em;bottom:1ex}
audio,canvas,progress,video{max-width:100%;height:auto;display:inline-block;vertical-align:baseline}
.wp-block-group__inner-container{width:95%;max-width:var(--wp--style--global--content-size);margin-right:auto;margin-left:auto;padding-top:60px;padding-bottom:60px}
@media (max-width: 1024px) {
  .wp-block-group__inner-container{padding-top:40px;padding-bottom:40px}
}
@media (max-width: 767px) {
  .wp-block-group__inner-container{padding-top:30px;padding-bottom:30px}
}
/* Buttons */
.gb-button{font-size:12px;font-weight:700;line-height:1;text-align:center;text-transform:uppercase;cursor:pointer;transition:color .4s,background-color .4s}
.gb-button svg{display:block;width:19px;height:19px;transition:transform .4s}
.gb-button-bordered{position:relative;overflow:hidden}
.gb-button-bordered::after,.gb-button-bordered::before{content:'';display:block;position:absolute;width:30%;height:25%;transition:all .6s ease;border-radius:2px;border-width:2px;border-color:var(--title-color)}
.gb-button-bordered::before{top:0;right:0;border-style:dashed solid hidden hidden}
.gb-button-bordered::after{bottom:0;left:0;border-style:hidden hidden dashed solid}
.gb-button-bordered:hover::after,.gb-button-bordered:hover::before{width:100%;height:100%}
.gb-button-bordered:hover::before{border-style:solid solid hidden hidden;border-color:var(--green-color)}
.gb-button-bordered:hover::after{border-style:hidden hidden solid solid;border-color:var(--green-color)}
/* START Other */
.gb-columns{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between}
.gb-single-column{flex-basis:100%}
@media (min-width: 768px) {
  .gb-columns{flex-direction:row}
  .gb-single-column[data-col="66"]{flex-basis:65%}
  .gb-single-column[data-col="33"]{flex-basis:32%}
  .gb-single-column[data-col="25"]{flex-basis:24%}
}
@media (min-width: 1920px) {
  .gb-container.gb-homepage-start{background-position:center 25%}
  .gb-container.gb-homepage-start .gb-shape svg{height:90px}
}
/* START Mobile Header */
#wp-mobile-nav{display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;max-height:100vh;z-index:599}
.wp-mobile-nav__inner{padding:16px}
.mobile-nav-header{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;align-items:center;padding-bottom:15px}
.close-icon{position:relative;width:24px;height:24px;cursor:pointer}
.close-icon span{position:absolute;top:50%;background-color:var(--white-color);width:100%;height:3px;transform:rotate(45deg)}
.close-icon span:last-child{transform:rotate(-45deg)}
.mobile-nav-navigation{padding:25px 0}
.mobile-nav-navigation ul.nav{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center}
.mobile-nav-navigation ul.nav>li,.mobile-nav-navigation>.header-cta-container{padding:12px 0}
.mobile-nav-navigation ul.nav a,.mobile-nav-navigation a.header-cta{color:var(--white-color);font-size:22px;font-weight:600;line-height:1.2;text-align:center;text-transform:uppercase;display:block}
.mobile-nav-navigation ul.nav .sub-menu{display:none}
.wp-active-menu{overflow:hidden!important}
.wp-active-menu #wp-mobile-nav{display:block}
.expanding-circle-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}
.expanding-circle-container::before{content:'';background-color:rgba(36,177,76,.85);backdrop-filter:blur(8px) contrast(70%);-webkit-backdrop-filter:blur(10px) contrast(60%);border-radius:50%;position:absolute;top:0;right:0;width:0;height:0;z-index:-1}
.wp-active-menu .expanding-circle-container{z-index:598}
.wp-active-menu .expanding-circle-container::before{animation-name:fadeCircle;animation-duration:1s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes fadeCircle {
  0% {width:0;height:0;transform:scale(0)}
  100% {width:100px;height:100px;transform:scale(25)}
}
#wp-mobile-nav .close-icon,#wp-mobile-nav .logo-image,.mobile-nav-navigation ul.nav>li,.mobile-nav-navigation .header-cta-container{opacity:0}
#wp-mobile-nav .close-icon{justify-self:end;animation-delay:.2s}
#wp-mobile-nav .logo-image{animation-delay:.3s}
.wp-active-menu #wp-mobile-nav .close-icon,.wp-active-menu #wp-mobile-nav .logo-image,.wp-active-menu .mobile-nav-navigation ul.nav>li,.wp-active-menu .mobile-nav-navigation .header-cta-container{animation-name:fadeIn;animation-duration:.8s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes fadeIn {
  0% {opacity:0}
  100% {opacity:1}
}
/* END Mobile Header */
/* START Fixed Header */
#wp-header.sticky{position:fixed;top:0;left:0;width:100%;animation:show-header .5s}
@keyframes show-header {
  0% {transform:translateY(-100%)}
  100% {transform:translateY(0)}
}
/* END Fixed Header */
/* START Desktop Header */
.wp-top-login{display:flex;flex-wrap:nowrap;align-items:center;column-gap:.6em}
.wp-top-contacts a:hover,.wp-top-login a:hover{text-decoration:underline}
.desktop-header a.header-cta:hover{color:#efefef;background-color:var(--orange-color)}
.desktop-navigation-header .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:1;background:var(--white-color);padding:20px 0;white-space:nowrap;border-radius:5px;box-shadow:1.169px 3.825px 15.66px 2.34px rgba(var(--gray-color),.09)}
.desktop-navigation-header .sub-menu li{min-width:200px;padding:5px 20px}
.desktop-navigation-header .sub-menu a{color:var(--gray-color);font-size:14px}
.desktop-navigation-header .sub-menu a:hover{color:var(--green-color)}

.desktop-navigation-header a{position:relative}
.desktop-navigation-header a::before{content:'';background:var(--white-color);border-radius:2px;position:absolute;height:2px;width:100%;bottom:7.5px;left:0;transform:scale(0);transition:transform .2s ease-in}
.desktop-navigation-header li.current-menu-item>a::before{background-color:#169b16;transform:scale(1)}
.desktop-navigation-header a:hover::before{transform:scale(1)}
/* END Desktop Header */