/*
Theme Name: wp_theme
Author: arturkosinski.pl
Author URI: https://arturkosinski.pl
Version: 1.0
*/

/*
color: #FFDC00
hover: #f7c500 */

.widget_recent_entries li { margin: 0 0 1rem; }
.widget_recent_entries li a { text-decoration: none; }
.widget_recent_entries li a:hover { text-decoration: underline; }

.revImg { width: 80px; overflow: hidden; border-radius: 50%; height:80px; }
.revImg img { object-fit: cover; aspect-ratio:1/1; border-radius: 50%!important; overflow: hidden; width: 80px!important; }
#reviews { overflow: hidden; }
#reviews .owl-stage { padding-top: 3rem; }
#reviews .owl-stage-outer { overflow: visible; }
#reviews .owl-item.active { opacity:1; filter:blur(0) }
#reviews .owl-item { opacity:.1; filter:blur(2px) }

@media all and (min-width: 1024px){ .icon { flex-basis: calc( 25% - 3rem) } }
@media all and (max-width: 1023px){ .icon { flex-basis: calc( 50% - 2rem) } }
@media all and (max-width: 767px){ .icon { flex-basis: 100% } }

#icons .btn { background: #000!important; color: #fff!important; }

#blog .heading h3:before { content: ''; display: block; width: 48px; height:48px; background: url(images/bg_icon_01.png) top center no-repeat; background-size: 100% auto; margin: 0 auto 1rem; }
#contact .heading h3:before { content: ''; display: block; width: 48px; height:48px; background: url(images/bg_icon_01.png) top center no-repeat; background-size: 100% auto; margin: 0 auto 1rem; }
#columns .heading h3:before { content: ''; display: block; width: 48px; height:48px; background: url(images/bg_icon_01.png) top center no-repeat; background-size: 100% auto; margin: 0 auto 1rem; }
#reviews .heading h3:before { content: ''; display: block; width: 48px; height:48px; background: url(images/bg_icon_01.png) top center no-repeat; background-size: 100% auto; margin: 0 auto 1rem; }
#tiles h2:before { content: ''; display: block; width: 48px; height:48px; background: url(images/bg_icon_02.png) top left no-repeat; background-size: 100% auto; margin: 0 0 1rem; }
.home h1:before { content: ''; display: block; width: 48px; height:48px; background: url(images/bg_icon_02.png) top left no-repeat; background-size: 100% auto; margin-bottom: 2rem; }
.columnImg img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(4%) saturate(1234%) hue-rotate(9deg) brightness(94%) contrast(88%);
}



.tileTxt .btn { margin-top: 1rem; }

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

/* Hero animacja 
#hero{ overflow: hidden; }
.home .heroBg{animation:heroBgFloat 10s ease-in-out infinite;transform-origin:center;will-change:transform}
@keyframes heroBgFloat{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.02) rotate(.3deg)}50%{transform:scale(1.04) rotate(0)}75%{transform:scale(1.02) rotate(-.3deg)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.home .heroBg{animation:none}} */

@media all and (min-width: 1024px){ .bg { background-attachment:fixed!important; } }


.cLeft a { color: #fff!important; text-decoration: none!important; }
.cLeft a:hover { color: #fff!important; text-decoration: underline!important; }
.cTxt { font-size: 1.125rem; }


.homeCounters .big { font-size: 4rem; font-weight: bold; }
.homeCounter { flex: 1 }
@media all and (max-width: 1023px){ .homeCounters .big { font-size: 2.5rem; } }


/*Podkreślenia w nagłówkach*/
/*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;opacity:.85;z-index:-1}
.home h3, #contact 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, #contact h3:after { content:"";position:absolute;left:0;right:0;bottom:.375em;height:8px;opacity:.85;z-index:-1 }*/

/* kontakt fixy */
.page-template-page-kontakt #contact { background: none!important; }
.page-template-page-kontakt #contact .bg { display: none; }
.page-template-page-kontakt #contact .cLeft, .page-template-page-kontakt #contact .cLeft a { color: #484941!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 { padding: 8rem 0 12rem; }

/*.home .introContent { min-height: 80vh; height:820px;  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 #ccc!important; background: #fff; }
select { background: url(images/icons/down.svg) center right 1rem no-repeat; background-size: 10px auto;  }
.owl-dot span { background: #000; opacity: .3 }
.owl-dot.active span, .owl-dot  span:hover { background: #fff; opacity: 1; }
span.page-numbers { border: 1px solid #e7e7e7; }
#mobileMenu { background: #fff; }
#mobileMenu ul li a { color: #484941!important; }
.postMeta { border-bottom: 1px solid #e7e7e7; }

/* Btn */
.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/left.svg) center center no-repeat #FFDC00; background-size: .75rem auto }
.owl-next { right: -2rem; background: url(images/icons/right.svg) center center no-repeat #FFDC00; background-size: .75rem auto }
#cboxNext { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/right.svg) center center no-repeat #FFDC00; background-size: .75rem auto }
#cboxPrevious { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/left.svg) center center no-repeat #FFDC00; background-size: .75rem auto }
#cboxClose { width: 3rem; height: 3rem; background: url(images/icons/close.svg) center center no-repeat #FFDC00; 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% ;  }
@media all and (min-width: 1200px){
    .videoBg { object-position: center -50px;  }
}
.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;}
.page-id-790 .pageBlockGal img { object-fit: cover; aspect-ratio:1/1 }
.pageBlockGal { column-count: 2; column-gap: 2rem; }
@media all and (max-width: 767px) { .pageBlockGal { column-count: 1; } }
.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: 1rem;transform: rotate(180deg);}
.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; }

/* Marquee */
.marqueeWrap{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;width:100%;text-align: center;}.marqueeRow{overflow:hidden;width:100%}.marqueeTrack{display:flex;gap:1rem;width:max-content;will-change:transform}.marqueeRow--left .marqueeTrack{animation:marqueeLeft 40s linear infinite}.marqueeRow--right .marqueeTrack{animation:marqueeRight 40s linear infinite}.marqueeRow:hover .marqueeTrack{animation-play-state:paused}@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marqueeRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}.marqueeItem{flex:0 0 auto;width:auto;min-width:100px;min-height:55px;display:flex;align-items:center;padding:1rem 1.25rem;background:#f5f5f5;justify-content: center}.marqueeItemTxt{line-height:1.35;white-space:nowrap}@media (max-width:768px){.marqueeItem{min-height:56px;padding:1rem 1.25rem}.marqueeItemTxt{white-space:normal;max-width:280px}}


iframe[src*="youtube.com"],iframe[src*="youtu.be"] { width: 100% !important; height: auto; aspect-ratio: 16 / 9; display: block; }


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

        RWD 

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



@media all and (min-width: 1200px){
    
    #columns .columnsContent { margin-top: -8rem; position: relative; z-index: 1; }
    .column { background: #fff; }
    /*.home #hero:before { content: ''; display: block; width: 300px; height:100%; position: absolute; top: 0; left: 0; background: url(images/bg_icon_02.png) center left no-repeat; background-size: 100% auto }
       .home .introContent  { padding-left: 400px; }*/
    
}

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

    #contact .px5 { padding-left: 0; padding-right: 0; }
    .homeCounters .big { font-size: 3rem; }
    .icon { padding-left: 0; padding-right: 0; flex-basis:calc( 25% - 1.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}
       .columnsContent{grid-template-columns:repeat(1,1fr)!important}
       .homeCounters{padding-left:0;padding-right:0}
       .homeCounter { flex-basis:calc( 50% - 2rem) }
       .homeCounters .big{font-size:3rem}
       .icon{padding-left:0;padding-right:0;flex-basis:calc(50% - 1.5rem)}
       
       .homeCounter{margin:0 0 2rem}
       .tileImg { padding-left: 0; }
       .tileTxt { padding-right: 0; }
       
       
}

@media all and (min-width: 768px) and (max-width: 1023px){
       .tile{align-items:flex-start!important;overflow:visible}
       .tileImg{position:sticky;top:100px;align-self:flex-start}
       .tileImg img{position:static}
}

@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; }
h1 em:after, .home h3:after, #contact h3:after { display: none; }
.columnsContent { grid-template-columns: repeat(1, 1fr )!important; }
.homeCounters .big { font-size: 2.5rem; }
.icon { padding-left: 0; padding-right: 0; flex-basis:100% }
.heading, .heading h3 { text-align: left; }
.heading h3:before { margin-left: 0!important; }
.tileImg { margin-bottom: 2rem; }
.iconImg { margin-bottom: 1rem; }
.icon { margin-bottom: 2rem;}
#tiles { padding-top: 3rem;}
    
}

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

}