/*
 Theme Name:   Bartosz Raś
 Author:       Gosia Góźdź myspot.ON
 Template:     Divi
 Version:      1.39

*/

/* ============== GLOBAL STYLES ============== */

/* Fix a horizontal scroll bug on mobile browsers */
#page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

/* Text Module */
.ba-text h1, .ba-blog-text h1,
.ba-text h2, .ba-blog-text h2, 
.ba-text h3, .ba-blog-text h3,
.ba-text h4, .ba-blog-text h4, 
.ba-text h5, .ba-blog-text h5,
.ba-text h6, .ba-blog-text h6 {
    padding-bottom: .25em;
}

.ba-text h1:not(:first-child), .ba-blog-text h1:not(:first-child),
.ba-text h2:not(:first-child), .ba-blog-text h1:not(:first-child),
.ba-text h3:not(:first-child), .ba-blog-text h1:not(:first-child),
.ba-text h4:not(:first-child), .ba-blog-text h1:not(:first-child),
.ba-text h5:not(:first-child), .ba-blog-text h1:not(:first-child),
.ba-text h6:not(:first-child), .ba-blog-text h1:not(:first-child) {
    padding-top:.25em;
}
  
.ba-text ul li,
.ba-text ol li {
    padding-bottom: .75em;
	line-height: 1.2em;
}

.ba-text p:last-of-type, .ba-blog-text p:last-of-type {
    padding-bottom: .5em;
}
.ba-text p:last-child, .ba-blog-text p:last-child {
  padding-bottom: 0;}


[data-interaction-trigger],
[class*="et-interaction-trigger"] {
  cursor: pointer;
}


/* ============== LAYOUT ============== */

/*SELECTION*/
::selection {
     background-color: #247C6B;
     color: #fff;} 

yellow {
  background-image: linear-gradient(to top, #F4D53F 0%, #F4D53F 45%, transparent 45%);
  display: inline;
  padding: 0 2px;
}



/* ============== BACK TO TOP ============== */
.et_pb_scroll_top {
  padding:10px!important;}

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 20px;
    border-radius: 40px;
    background: RGB(19, 76, 64, .7);
    padding: 4px;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top.et-pb-icon:hover {
	background: RGB(19, 76, 64);
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top:before {
    content: "\21";
    color:#ffffff;
}




/* ============== HEADER ============== */
.et_pb_sticky.et_pb_section {
    animation: none !important;
    transition: none !important;
}


#ba-header {
  background-color: rgba(19, 76, 6, 0); 
}

.et_pb_sticky.et_pb_sticky--top#ba-header {
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  background-color: rgba(242, 241, 241, 0.5);
}



#ba-header .et-menu li a::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("https://bartoszras.com/wp-content/uploads/2025/10/zolta-ikona.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    top: 29%;
    transform: translateY(-50%);
    opacity: 0; 
    transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
}

#ba-header .et-menu li a:hover::before {
    opacity: 1;
    left: -18px;  
    transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
}

#ba-header .et-menu li {
    position: relative;
}

#ba-header .et-menu li {
    margin: 0 12px;}

/* =========================
   MOBILE MENU
   ========================= */

@media (max-width:980px){

#ba-header .mobile_menu_bar:before{content:none!important}

#ba-header .mobile_menu_bar{
z-index:40;
width:40px;
height:40px;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
background-size:32px 32px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320685F' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")
}

#ba-header.header-main .mobile_menu_bar{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")!important
}

#ba-header .mobile_nav.opened .mobile_menu_bar{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9E7E3' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3Cline x1='20' y1='4' x2='4' y2='20'/%3E%3C/svg%3E")!important
}

#ba-header .et_mobile_menu{
position:fixed;
display:block!important;
margin:0!important;
height:100%!important;
min-height:100vh;
padding:150px 0 0!important;
max-width:260px;
right:-260px;
top:0;
left:auto;
z-index:39;
transition:right .3s ease-in-out
}

#ba-header .mobile_nav.opened .et_mobile_menu{right:0}

#ba-header ul#mobile_menu1{background:#0A5D50!important}
#ba-header ul#mobile_menu1 a{margin-left:20px!important}

#ba-header .sub-menu{width:auto;padding:0}

#ba-header .sub-menu li a,
#ba-header .sub-menu li a:hover,
#ba-header .sub-menu li:last-child a{padding:10px 25px 10px 35px}

}


/* ============== FOOTER ============== */
	
@media (max-width:980px) {
	#ba-footer .et_mobile_nav_menu {
	display: none!important;
	}
	#ba-footer .et_pb_menu__menu,
#ba-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
	display: flex;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
	}}



/* ===================== FORMULARZ ===================== */

.forminator-field input,
span.select2-selection.select2-selection--single,
textarea {
    padding: 15px!important;}

#checkbox-1 label {
    align-items:flex-start!important;}

span.forminator-checkbox-label {
     line-height:1.2em!important;
    text-align:left!important;
    font-size:14px!important;
color:#195D51;
width:60%;}

@media (max-width:980px){
	span.forminator-checkbox-label {
width:100%;}
}


button.forminator-button.forminator-button-submit {
    border-radius:40px!important;
    font-size:18px!important;
    padding:0.75em 3em!important;
display: block!important;
margin-left: auto!important;
margin-top:20px!important;
    text-transform:uppercase;
}

button.forminator-button.forminator-button-submit:hover {
   background:#F3BE3D!important;
    box-shadow:none!important;}


/* ================== MARQUEE ================== */
.sa-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: transparent; 
  padding: 10px 0;
}

.sa-marquee-track {
  display: flex;
  width: max-content;
  animation: sa-marquee-scroll 30s linear infinite;
}

.sa-marquee-track h3 {
  white-space: nowrap;
  margin: 0;
  padding: 0 2rem;
  font-size: clamp(18px, 2vw, 26px);
  font-weight: 500;
  color: #000;
}

/* Keyframes */
@keyframes sa-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Hover pause */
.sa-marquee:hover .sa-marquee-track {
  animation-play-state: paused;
}



/*BLOG*/
.ba-blog-text ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.ba-blog-text ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.ba-blog-text ul li::before {
    content: ""; 
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("https://bartoszras.com/wp-content/uploads/2025/10/zolta-ikona.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ba-blog-text blockquote {
    background-color: white !important;
    padding: 30px 40px !important; 
    margin: 40px 0 !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
    width: 100%;
    box-sizing: border-box; 
	font-style: italic; }

.bsz-blog-text blockquote {
    border-left: none !important;
}