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


.cky-btn.cky-btn-preferences { background: white!important; }

.page-id-722 table{ border: 1px solid #e5e2db!important; border-collapse:separate; }
.page-id-722 table td:last-child { border-left: 1px solid #e5e2db!important }
.page-id-722 table td { width: 50%!important; vertical-align: top!important; padding: 2rem !important; border: 0!important; }

.hiddenReview { display: none; }
.slideItemImg img, .kadraImg img { aspect-ratio:1/1; object-fit:cover }
.kadraImg img { max-width: 200px }



#blog .postCover img { object-fit:cover; aspect-ratio:16/9 }

.page-id-858 #pageContent blockquote:nth-child(4), .page-id-858 #pageContent blockquote:last-child, .page-id-724 #pageContent blockquote, .page-id-722 #pageContent blockquote:last-child { background: white!important; border: 2px solid #D51984; color: #0f1a2e }


.tf table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:15px;border-radius:.25rem;overflow:hidden}.tf table thead tr{background:#07134d;color:#fff}.tf table thead td,.tf table thead th{padding:14px 18px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#fff}.tf table tbody tr{border-bottom:1px solid #e5e2db;transition:background .2s}.tf table tbody tr:nth-child(even){background:#f7f5f0}.tf table tbody tr:nth-child(odd){background:#fff}.tf table tbody tr:hover{background:#fce8f4}.tf table td{padding:13px 18px;color:#0f1a2e;vertical-align:middle}.tf table td:first-child{font-weight:500;color:#07134d;width:40%;border-right:2px solid #e5e2db}


.page-id-716 #pageContent ul, .page-id-718 #pageContent ul, .page-id-724 #pageContent .tf  > ul, .page-id-722 #pageContent ul { display: flex; flex-wrap:wrap; gap: 2rem; justify-content:space-between; }
.page-id-716 #pageContent ul li, .page-id-718 #pageContent ul li, .page-id-724 #pageContent .tf  > ul li, .page-id-722 #pageContent .tf  > ul li { flex-basis: calc( 33.333%  - 1.5rem); padding: 2rem; background: #fff; }
.page-id-724 #pageContent .tf  > ul li, .page-id-722 #pageContent .tf  > ul li  { flex-basis: calc( 50%  - 1.5rem); }
.page-id-716 #pageContent ul li:before, .page-id-718 #pageContent ul li:before, .page-id-724 #pageContent .tf > ul li:before,  .page-id-722 #pageContent .tf > ul li:before { content:''; display: block; width: 2rem; height:2rem; background: url(images/checked.svg) center center no-repeat; background-size: 100% auto; margin: 0 0 1rem; }
.page-id-718 #pageContent ul, .page-id-724 #pageContent .tf  > ul, .page-id-722 #pageContent .tf  > ul { padding: 0; margin: 2rem 0; }

#pageContent ul { list-style: none }

.page-id-858 blockquote ul, .page-id-724 #pageContent blockquote ul { margin: 0 !important; padding: 0 !important; }
.page-id-858 blockquote ul li, .page-id-724 #pageContent blockquote ul li { margin-bottom: 0.5rem; }
.page-id-858 blockquote ul li:before, .page-id-724 #pageContent blockquote ul li:before { content: ''; display: block; width: 1rem; height:1rem; background: url(images/checked.svg) center center no-repeat; background-size: 100% auto; float: left; margin: 4px .5rem 0 0; }

@media all and (min-width: 1024px){
       .bg { background-attachment:fixed!important }
}
#tiles2 .tileImg img {  aspect-ratio:5/3; object-fit:cover }
#reviews .owl-prev, #reviews .owl-next { top: calc( 50% - 2rem ) }
#reviews .owl-dots { margin-top: 2rem; }
#reviews .owl-stage {display: flex;}
#reviews .owl-item {display: flex;}
#reviews .reviewItem {height: 100%;display: flex;flex-direction: column;}
#reviews .owl-stage{display:flex}#reviews .owl-item{display:flex}#reviews .reviewItem{height:100%;display:flex;flex-direction:column;justify-content:space-between}#reviews .revAuth{margin-top:auto}
.revAuthTxt { opacity: .5; }
.revImg { width: 60px; }
.faqQ:hover { background: #b5106e!important; }
#slider .bg { filter:grayscale(1); }
.revImg img { aspect-ratio:1/1; object-fit:cover; border-radius:50%!important }
#columns2 .column { background: #fff; }
.slideItemTxt h4 { margin-bottom: 0; }
.heading p { font-size: 1.125rem; }
.iconTxt h5 { margin-bottom: 0.5rem; font-size: 1rem; }
.iconTxt p { font-size: 0.875rem; opacity: .5; }
.introContentInner { background: #fff; }
.introContentInner ul { display: flex; flex-wrap:wrap; }
.introContentInner ul li { display: flex; align-items: center; padding: 0 2rem 1rem 0; }
.introContentInner ul li:before { content: ''; display: block; width: 1rem; height:1rem; background: url(images/checked.svg); background-size:100% auto; margin: 0 .5rem 0 0; }
.introContentInner h1 { margin-bottom: 0; }
.introContentInner h2 { opacity: .5; }
.introBtns p img { width: 1.25rem; height:1.25rem }

.bigBtn { width: 220px!important; }
/*.home .videoBg {  mix-blend-mode: screen;  }*/
.cLeft .cTxt img { width: 1.25rem; height:1.25rem; margin: 0 .5rem 0 0; }
.cLeft em, .heading.c p { opacity: .5!important }
.contactContent { align-items:flex-start; }
.topBar a, .topBar a:hover, .cLeft a, .cLeft a:hover, .topWcag a { color: #fff!important; }
.page-template-page-kontakt .cLeft a { color: #0f1a2e!important; }
.topBar a, .cLeft a, .topWcag a { text-decoration: none!important; }
.topBar a:hover, .cLeft a:hover, .topWcag a:hover { text-decoration: underline!important; }
.cLeft h4 { color: #d51884; }
#contact .bg , .videoBg, .heroBg, .bg { filter: blur(2px) }



/*#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}} */

/*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:5px;height:6px;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:10px;height:6px;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 { color: #0f1a2e!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; background-size: 10px auto;  }
.owl-dot span { background: #0f1a2e; opacity: .3 }
.owl-dot.active span, .owl-dot  span:hover { background: #fff; opacity: 1; }
span.page-numbers { border: 1px solid #e7e7e7; }
#mobileMenu { background: #141E54; }
#mobileMenu ul li a { color: #fff!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/white/left.svg) center center no-repeat #d51884; background-size: .75rem auto }
.owl-prev:hover { left: -2rem; background: url(images/icons/white/left.svg) center center no-repeat #b5106e; background-size: .75rem auto }
.owl-next { right: -2rem; background: url(images/icons/white/right.svg) center center no-repeat #d51884; background-size: .75rem auto }
.owl-next:hover { right: -2rem; background: url(images/icons/white/right.svg) center center no-repeat #b5106e; background-size: .75rem auto }
#cboxNext { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/right.svg) center center no-repeat #d51884; background-size: .75rem auto }
#cboxPrevious { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/left.svg) center center no-repeat #d51884; background-size: .75rem auto }
#cboxClose { width: 3rem; height: 3rem; background: url(images/icons/white/close.svg) center center no-repeat #d51884; 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; } #slider .owl-next { display: block !important; } #slider .owl-prev { display: block !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: 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; }






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

        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; }


    #hero .con.sp { justify-content: flex-start; gap: 5rem }
    #logo img { width: 180px; }
    .icon.px1 { padding-left: 0; padding-right: 0; }
    #tiles .tilesContent .tile { display: block; }
    .wp-video { margin: 0 auto; }
    .faqContent { align-items:flex-start }
    .slideItemTxt p { font-size: 0.875rem; }
    .heading p { font-size: 1rem; }

}

@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(2, 1fr )!important }
       #hero .con.sp { justify-content: flex-start; gap: 5rem }
           #logo img { width: 180px; }
           .icon.px1 { padding-left: 0; padding-right: 0; }
           #tiles .tilesContent .tile { display: block; }
           .wp-video { margin: 0 auto; }
           .faqContent { align-items:flex-start }
           .slideItemTxt p { font-size: 0.875rem; }
           .introContentInner ul li { padding: 0 1rem 1rem 0; }
           .introBtns p { margin: 1rem 0 0; }
           .icon { flex-basis: calc( 33.333% - 2rem); }
           .iconsContent { flex-wrap:wrap; gap: 2rem }
           .heading p { font-size: 1rem; }
           .faqImg { margin-bottom: 1rem; }
           #tiles2 .tile { display: block!important; }
           #tiles2 .tileTxt { padding-top: 0 !important; }

           h1 em:after, .home h3:after { display: none; }

            .page-id-716 #pageContent ul, .page-id-718 #pageContent ul, .page-id-724 #pageContent .tf > ul, .page-id-722 #pageContent .tf > ul { margin-left: 0; padding-left: 0; }
           .page-id-716 #pageContent ul li, .page-id-718 #pageContent ul li, .page-id-724 #pageContent .tf > ul li, .page-id-722 #pageContent .tf > ul li { flex-basis:100% }
           .kadraItem { width: 100%!important }
       
}

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

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

@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; }

       

       .columnsContent { grid-template-columns: repeat(1, 1fr )!important }

       #logo img { width: 140px; }
       .topWcag { margin: 1rem 0; }
       .introContentInner ul li { display: block; width: 100%; padding-left: 1.75rem; position: relative; }
       .home .introContent { height: auto; padding-bottom: 3rem; }
       .introContentInner ul li:before { position: absolute; top: 5px; left:0 }
       .introBtns p { font-size: 0.875rem; }
       .icon { margin: 1rem 0; }
       .iconImg.mb1 { margin-bottom: 0.5rem; }
       .heading.c { text-align: left; }
       .heading p { font-size: .875rem; margin-top: 0.5rem; }
       .introBtns.c, .faqBtn.c, .slideItem.c { text-align: left; }
       #columns .column.px1 { padding-left: 0; padding-right: 0; }
       #columns2 .columnsContent.g3 { gap: 2rem }
       .owl-next { right: -1rem!important;  }
      .owl-prev { left: -1rem!important;  }
      .revSlider.px4 { padding-left: 1rem; padding-right: 1rem; }
    
}

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

}




