/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.zmiana{font-family: 'Roboto', sans-serif; color:#29cc2e; font-size:40px;}

.dsw a{cursor:pointer; background:#324a6d; }


:root {
  --bl-dark: #0f1b3d;
  --bl-primary: #2d4fbf;
  --bl-primary-light: #4a6fe0;
  --bl-accent: #ffd480;
  --bl-white: #ffffff;
  --bl-icon-size: 44px;
  --bl-radius-icon: 10px;
  --bl-radius-btn: 6px;
  --accent-blue:#3F93C5;
  --accent-gold:#D3AF37;
}

.text-accent-blue{
	color: var(--accent-blue);
}

.text-accent-gold{
	color: var(--accent-gold);
}

.hero-subheading{
	font-size: 1.5rem;

  @media screen and (max-width: 768px){
    font-size: 1.25rem;
  }

  @media screen and (max-width: 480px){
    font-size: 1rem;
  }
}


.underline-image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 12px;
    background: url('https://betterlife.com.pl/wp-content/uploads/2026/06/podkreslenie.webp') no-repeat center;
    background-size: contain;
}

@media screen and (max-width: 768px) {
    .underline-image::after {
        bottom: -9px;
        height: 10px;
    }
}

body.elementor-page-51130:not(.elementor-motion-effects-element-type-background), body.elementor-page-51130 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #fff !important;
}

.short-border {
  position: relative;
}

.short-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 0; 
  border-top: 2px solid #94C3DF; 
  border-left: none; 
}

.short-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 0;
  border-bottom: 2px solid #94C3DF; 
  border-right: none;
}

@media (min-width: 1025px) {
  
  .short-border::before {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 60%;
    width: 0;                   
    border-top: none;           
    border-left: 2px solid #94C3DF; 
  }

  .short-border::after {
    top: 50%;
    bottom: auto;               
    left: auto;                 
    right: 0;
    transform: translateY(-50%);
    height: 60%;
    width: 0;                   
    border-bottom: none;        
    border-right: 2px solid #94C3DF; 
  }
}