/* 
Theme Name: Weebsky - Theme (Child)
Theme URI: https://weebsky.pl
Description: Witaj!, dziękuję za Twoje zaufanie w tworzeniu profesjonalnych stron internetowych. Jezeli potrzebujesz pomocy lub wsparcia, zapraszam do kontaktu pod emailem: wwweebsky@gmail.com
Author: WEEBsky
Version: 3.4.3
Author URI: https://weebsky.pl
Template: weebsky-theme
Text Domain: weebsky-theme-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */
/* PADDING ALL SIDES */
.pad-s{padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);}
.pad-m{padding: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);}
.pad-l{padding: clamp(2rem, 1.5385rem + 2.0513vw, 3rem);}
/* PADDING TOP & BOTTOM */
/* Improved code */
.pad-tb-s{padding: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem) 0;}
.pad-tb-m{padding: clamp(4rem, 3.5385rem + 2.0513vw, 5rem) 0;}
.pad-tb-l{padding: clamp(7rem, 6.5385rem + 2.0513vw, 8rem) 0;}
/* PADDING TOP */
.pad-t-s{padding-top: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);}
.pad-t-m{padding-top: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);}
.pad-t-l{padding-top: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);}
/* PADDING BOTTOM */
.pad-b-s{padding-bottom: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);}
.pad-b-m{padding-bottom: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);}
.pad-b-l{padding-bottom: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);}


/* Main animation on all buttons */
.elementor-button{
     transition: transform 0.4s;}
.elementor-button:hover{
     transform: translateX(7px);
     filter: brightness(95%);}
/* Dark button*/
.button-dark .elementor-button{
    background-color: var(--e-global-color-primary );
    color: #FFFFFF;}
/* Light color (replace the e-global-color to your Site Settings color)*/
.button-light .elementor-button{
    background-color: var(--e-global-color-53c7090 );  
    color: var(--e-global-color-primary );}
/* Accent 2 button (replace the e-global-color to your Site Settings color)*/
.button-accent-2 .elementor-button{
    background-color: var(--e-global-color-4530da2 );
    color: #FFFFFF;}
/* Outline button dark*/
.button-outline-dark .elementor-button{
    background-color: transparent;
    color: var(--e-global-color-primary );
    border-radius: 50px;
    box-shadow: inset 0px 0px 0px 1px var(--e-global-color-primary );}
	
/* Outline button light*/
.button-outline-light .elementor-button{
    background-color: transparent;
    color: white;
    border-radius: 50px;
    box-shadow: inset 0px 0px 0px 1px white;}

/* Efekt szkla */
.glass{
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    border:1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);