/*
Theme Name: wp_theme
Author: arturkosinski.pl
Author URI: https://arturkosinski.pl
Version: 1.0
*/
.pageBlockCol img[src$=".svg"] { width: 48px; height: 48px; }
.pageBlockCol.fb50 p:has(img[src$=".jpg"]),
.pageBlockCol.fb50 p:has(img[src$=".jpeg"]),
.pageBlockCol.fb50 p:has(img[src$=".webp"]),
.pageBlockCol.fb50 p:has(img[src$=".png"]) {
    height: 100%;
}
.pageBlockCol.fb50 p img[src$=".jpg"], .pageBlockCol.fb50 p img[src$=".jpeg"], .pageBlockCol.fb50 p img[src$=".png"], .pageBlockCol.fb50 p img[src$=".webp"] { height:100%; width:auto; object-fit:cover }
.jobsWrapper .faqItem { background: white!important; }
.stdv-tf-stepper input { margin-top: 0; margin-bottom: 0; }
.pageBlock.wide .pageBlockCol.oneCol img { aspect-ratio:2/1; object-fit:cover }

.tile>*{min-width:0}
.tileGalMarquee{overflow:hidden;position:relative;margin-top:2rem;width: 100%;}
.tileGalTrack{display:flex;align-items:center;gap:2rem;width:max-content;animation:certScroll 40s linear infinite;will-change:transform}
.tileGalItem{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.tileGalItem img{display:block;max-height:3rem;width:auto}
.tileGalMarquee:hover .tileGalTrack{animation-play-state:paused}
@keyframes certScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}



.langSwitch img { width: 24px; }
.langSwitch li:last-child {margin-left: 1rem;}

.revTxt img { margin-bottom: 0.5rem; width: auto!important; height: 40px!important}

#baner1 { padding: 7.5rem 0 5rem 0!important; }
#columns a.column { display:  flex; flex-direction: column; padding:  2rem; justify-content:flex-end; align-items:center; aspect-ratio:5/3; text-decoration: none; color: #fff; transition: .3s; }
#columns a.column:hover { background-size: 110%; transition: .3s; }
.columnLink { position: relative; z-index: 1; }

/* Modal */
.siteModal{position:fixed;inset:0;display:none;z-index:99999999}
.siteModal.isOpen{display:block}
.siteModalBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.siteModalBox{position:relative;max-width:900px;margin:8vh auto;background:#fff;padding:24px;max-height:84vh;overflow:auto}
.siteModalClose{position:absolute;top:10px;right:14px;font-size:28px;line-height:1;background:transparent;border:0;cursor:pointer}

/* Marquee */
.logoMarquee{overflow:hidden;position:relative}
.logoTrack{display:flex;align-items:center;gap:60px;width:max-content;animation:scrollLeft 60s linear infinite;will-change:transform}
.slideItem{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.slideItemImg img ,.revTxt img {height:60px;width:auto;filter:grayscale(100%);opacity:.6;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.slideItemImg img:hover ,.revTxt img:hover {filter:grayscale(0);opacity:1;transform:scale(1.05)}
.logoMarquee:hover .logoTrack{animation-play-state:paused}
@keyframes scrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}



.faqItem.mb1:last-child {margin-bottom: 0 !important;}

.stdv-tf-mini-btn { font-weight: normal!important; }

h1 em{position:relative;display:inline-block;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:0;font-style: normal;}
h1 em:after{content:"";position:absolute;left:0;right:0;bottom:.15em;height:10px;background:#ec302d;opacity:.85;z-index:-1}
.home h3 { position:relative;display:inline-block;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:0; }
.home h3:after { content:"";position:absolute;left:0;right:0;bottom:.375em;height:8px;background:#ec302d;opacity:.85;z-index:-1 }

.faqItem { border-left: 4px solid #ec302d; }
.faqImg img { height:100%; width: auto; aspect-ratio:1/1; object-fit:cover }
.w40 { width: 40%; }
.cImg img { display: block; }
.counterItem { flex: 1 }
.counterBig { color: #ec302d; font-weight: bold; font-size: 3rem; }
.tileGal img { width: 80px; display: block; }
iframe[src*="youtube.com"],iframe[src*="youtu.be"] { width: 100% !important; height: auto; aspect-ratio: 16 / 9; display: block; }
/*.column:nth-child(even) { margin-top: 4rem; }*/
.baner { color: #fff; }
@media all and (min-width: 1024px){
    .baner .bg{ background-attachment:fixed!important }   
}

.imgHover { overflow: hidden; display: block; }
.imgHover img { transition: .5s; }
.imgHover:hover img { transition: .5s; transform: scale(1.05); }

.tileImg img { aspect-ratio: 3/2; object-fit:cover }

/* Formularz transportu */
.stdv-tf-mini-fields { display: flex; align-items:center!important; gap: 2rem }
.stdv-tf-mini-btn svg { margin: 0 0 0 .5rem; }
.stdv-tf-mini-inputs { display: flex; gap: 1rem }
.stdv-tf-mini-inputs select { width: 90px; }
.stdv-tf-mini-inputs input { width: 320px!important; margin-bottom: 0 !important; }
.stdv-tf-mini-wrap { padding-top: 2rem; }
.stdv-tf-autocomplete-list { color: #000!important; }
.stdv-tf-mini-point { flex: 0!important }



/* Custom intro */
#hero{position:relative;overflow:hidden}
.heroBg{position:absolute;inset:0;z-index:0;pointer-events:none}
.heroBgSlide{position:absolute;inset:-40px;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease;transform:translate3d(0,0,0);will-change:transform,opacity}
.heroBgSlide.isActive{opacity:1}
#hero>*:not(.heroBg){position:relative;z-index:2}

/* Slider custom */
/*#slider .slideItem{display:flex;align-items:center;justify-content:center;height:100%}*/
/*#slider .slideItemImg{display:flex;align-items:center;justify-content:center;width:100%;height:80px}*/
/*#slider .slideItemImg img{max-height:80px;max-width:100%;width:auto;height:auto;object-fit:contain}*/
/*#slider .owl-item{display:flex;align-items:center}*/
.slideItemImg img{max-height:60px;max-width:140px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.slideItemImg img:hover{filter:grayscale(0);opacity:1;transform:scale(1.05)}


/*#desktopMenu  ul.sub-menu, #desktopMenuSticky  ul.sub-menu { background: #fff; }*/

/* kontakt fixy */
.page-template-page-kontakt #contact { background: none!important; }
.page-template-page-kontakt #contact .bg { display: none; }
.page-template-page-kontakt #contact .cLeft { color: #000!important; }


.page-id-706 .pageBlock img { aspect-ratio:4/3; object-fit:cover; }


#breadcrumbsWrapper, .topBar { font-size: 80%; }
.pageIntroContent { padding: 0 0 4rem 0; }
.home .introContent { min-height: 70vh; height:768px;  display: flex; flex-direction:column; justify-content:center; }
.home .introContentInner { max-width: 880px; }
.baner { padding: 15rem 0; }
footer { padding: 0 0 10rem; }
.pageIntroWrapper, .home .introContent { position: relative; z-index: 1; }



/* Font */
html { font-size: 16px; }
body { font-size: 1rem; line-height: 1.65; }
/*h1, h2, h3, h4, h5, h6 { line-height: 1.4; }*/
#singleContent .narrow h2, #singleContent .narrow h3, #singleContent .narrow h4, #singleContent .narrow h5, #singleContent .narrow h6 { margin-top: 3rem; }
#singleContent .narrow h2:first-child, #singleContent .narrow h3:first-child, #singleContent .narrow h4:first-child, #singleContent .narrow h5:first-child, #singleContent .narrow h6:first-child { margin-top: 0; }

/* Colors */
input, textarea, input[type="checkbox"], select.orderby, select {  border: 1px solid #e7e7e7!important; background: #fff; }
select { background: url(images/icons/down.svg) center right 1rem no-repeat #fff; background-size: 10px auto;  }
.owl-dot span { background: #ccc; opacity: .3 }
.owl-dot.active span, .owl-dot  span:hover { background: #eee; opacity: 1; }
span.page-numbers { border: 1px solid #e7e7e7; }
#mobileMenu { background: #fff; }
#mobileMenu ul li a { color: #000!important; }
.postMeta { border-bottom: 1px solid #e7e7e7; }

/* Btn */
.btn, .stdv-tf-mini-btn { display: inline-flex; justify-content: center; align-items: center; width: auto; height: 50px; text-align: center; text-decoration: none!important; border: none; padding: 0 2rem; }
.smallBtn { display: inline-flex; height: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; }

/* Arrows */
/* .owl-prev, .owl-next, #cboxNext, #cboxPrev, #cboxClose { border-radius: 1.5rem } */
.owl-prev, .owl-next, #cboxNext, #cboxPrevious, #cboxClose { width: 3rem; height:3rem }
.owl-prev { left: -2rem; background: url(images/icons/white/left.svg) center center no-repeat #000; background-size: .75rem auto }
.owl-next { right: -2rem; background: url(images/icons/white/right.svg) center center no-repeat #000; background-size: .75rem auto }
#cboxNext { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/right.svg) center center no-repeat #000; background-size: .75rem auto }
#cboxPrevious { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/left.svg) center center no-repeat #000; background-size: .75rem auto }
#cboxClose { width: 3rem; height: 3rem; background: url(images/icons/white/close.svg) center center no-repeat #000; background-size: .75rem auto }
#gotop, #gotop:hover { background-size: .75rem auto!important; }
@media all and (max-width: 767px){ .owl-next { display: none !important; } .owl-prev { display: none !important; } }

/* Underline */
#breadcrumbs a { text-decoration: underline; }
.menuBtn, #breadcrumbs a:hover { text-decoration: none; }

.post { align-items: flex-start; }
.post .postDate img { border-radius: 0!important }
.post .postDate { opacity: .5; }
.postCover, .pageBlockGal a { overflow: hidden; display: block; }
.postCover img, .pageBlockGal img { transition: .3s; }
.postCover:hover img, .pageBlockGal a:hover img { transform: scale(1.05); transition: .3s; }
#hero .con { position: relative; z-index: 1; }
.videoBg { object-fit: cover; width: 100%; height:100% }
.tile:nth-child(even) .tileImg { order: 2 }
.tf > *:last-child, .footerContent > *:last-child , .faqA > *:last-child, .pageBlock .tf > *:last-child, .cItem:last-child {margin-bottom: 0;}
.pageBlockGal { column-count: 3; column-gap: 2rem; }
@media all and (max-width: 767px) { .pageBlockGal { column-count: 2; } }
.pageBlockGal a { break-inside: avoid; display: block; margin-bottom: 1rem; }
.pageBlockGal img { display: block; width: 100%; height: auto; }
.faqQ { cursor: pointer; }
.faqArrow {display: inline-block;transition: transform 0.3s ease;margin-left: .5rem;transform: rotate(180deg); margin-top: -3px;}
.faqItem.open .faqArrow { transform: rotate(0deg); }
#mobileMenu #logo2 img { margin: 0 auto 2rem;  display: block;}
.sidebar [type="submit"] img { border-radius: 0!important; }
@media all and (max-width: 1023px){ .single .postMeta > div { margin: .5rem 0; } }
header { position: relative; z-index: 99999!important; }






/*******************
 *******************

        RWD 

 *******************
 *******************/



@media all and (min-width: 1200px){
    
    
}

@media all and (min-width: 1024px) and (max-width: 1199px){

    #contact .px5 { padding-left: 0; padding-right: 0; }

    #columns a.column { padding: 1rem; }
    .tile { align-items: flex-start; }
    .tileTxt, .tileImg { padding-top: 0; }
    .counterBig { font-size: 2.5rem; }

}

@media all and (max-width: 1199px){

#mobileMenu .menuBtn { max-width:300px; margin: 2rem auto; }
.heading.px5 { padding-left: 0; padding-right: 0; }

    
}

@media all and (max-width: 1023px){

       #contact .px5 { padding-left: 0; padding-right: 0; }
       .tile { display: block!important; }
       .columnsContent { display:grid;grid-template-columns:repeat(1,1fr)!important; }
       .counterItem { margin-bottom: 2rem; }
       .faqImg { display: none; }

       .pageCounters .counters { padding: 0 !important; }
       
}

@media all and (max-width: 854px){


}

@media all and (max-width: 767px){

       .faqArrow { display: block; width: 12px; margin: 0; }
       .faqQ { padding-left: 1rem; padding-right: 1rem; display: block; }
       .cRight { padding: 2rem 1rem; }
       footer { padding-top: 1rem; }

       #logo img, #logo2 img { width: 100px; }
       .home h3:after { display: none; }
       .heading.c, .baner .c { text-align: left; }
       .tileImg { margin: 0 0 1rem!important;}
       .columnsContent, .column, .counters, .faqContent, .opinieContent { padding-left: 0 !important; padding-right: 0 !important; }
       .columnLink { text-align: center; }
       .baner { padding: 10rem 0; }

       .pageBlock.wide .pageBlockCol.oneCol img, .pageBlockCol.fb50 p img[src$=".jpg"], .pageBlockCol.fb50 p img[src$=".jpeg"], .pageBlockCol.fb50 p img[src$=".png"], .pageBlockCol.fb50 p img[src$=".webp"] { aspect-ratio:4/3; object-fit:cover }



}

@media all and (max-width: 479px){

}