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

/* 

link #D61212 
hover #bc0f0f 

*/

.cky-btn.cky-btn-accept{ background: #D61212!important; border-color: #D61212!important; color: #fff!important; -webkit-border-radius: 2rem; border-radius: 2rem  }
    .cky-btn.cky-btn-customize, .cky-prefrence-btn-wrapper .cky-btn { color: #999!important; border: none!important }
    .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept { color: #fff!important; }
    .cky-btn-revisit-wrapper { background: #D61212!important; }

.singleContentFlex .main h2 { margin-top: 3rem; }
.singleContentFlex .main h3 { margin-top: 1.5rem; }
table, td, th { background: #fff; border: 1px solid #ccc; border-collapse:collapse; }

#pageFaq .faqItem { border-left: 3px solid #D61212 }
#pageFaq .faqQ { background: #f9f9f9; color: #000; }
#pageFaq .faqA { background: #fff; }
.pageBlockGal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pageBlockGal .gal-extra{display:none}.pageBlockGal .gal-extra.open{display:contents}.pageBlockGal>a img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.pageBlockGal .gal-extra a img{display:block;width:100%;height:auto}.pageBlockGal a{display:block}@media(max-width:767px){.pageBlockGal{grid-template-columns:repeat(2,1fr)}}

.page-id-962 .pageBlockCol h2 { text-align: center; }


#tiles .con, #tiles2 .tile, #columns .con, .pageBlockCol.blockTile, .blockFullBackground { background: #fff; box-shadow:0 0 3rem 0 rgba(0,0,0,.2); padding: 3rem 2rem; border-radius: .25rem; border-bottom: 3px solid #D61212 }
.reviewItem { border-bottom: 3px solid #D61212;  }
#tiles2 .tile { margin-bottom: 2rem; }

.gal-extra {
    display: none;
}
.gal-extra.open {
    display: contents;
}

.pageBlockCol.blockTile { background: #fff!important; padding: 2rem!important; }

.logoMarquee{overflow:hidden;position:relative;width:100%;background: #fff;}.logoTrack{display:flex;width:max-content;animation:logoMarqueeMove 60s linear infinite}.logoSet{display:flex;align-items:center;flex-shrink:0}.logoItem{display:flex;align-items:center;justify-content:center;padding:0 2rem;height:80px;width:160px;flex-shrink:0}.logoItem img{max-height:60px;max-width:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.logoItem img:hover{filter:none;opacity:1;transform:scale(1.05)}@keyframes logoMarqueeMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.logoMarquee:hover .logoTrack{animation-play-state:paused}.logoMarquee:before,.logoMarquee:after{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.logoMarquee:before{left:0;background:linear-gradient(to right,#fff,transparent)}.logoMarquee:after{right:0;background:linear-gradient(to left,#fff,transparent)}


.home .introContentInner { padding-top: 12rem; }

@media all and (min-width: 1024px){
#fixedSM { position: fixed; top: 200px; right: 0; z-index: 999999; background: #D61212; border-radius: .25rem 0 0 .25rem }
#fixedSM a { margin: 0; }
}


.slideItem{display:flex;align-items:center;justify-content:center;height:120px}.slideItemImg{display:flex;align-items:center;justify-content:center;width:100%;height:100px}.slideItemImg img{max-width:100%;max-height:70px;width:auto;height:auto;object-fit:contain}


#baner1 .bg { background-attachment:fixed!important }
.baner { color: #fff; }
.postCover img { object-fit:cover; aspect-ratio: 4/3 }
.home .postCover img { object-fit:cover; aspect-ratio: 5/3 }
.tileImg img { object-fit:cover; aspect-ratio: 3/2 }
.columnImg img { object-fit:cover; aspect-ratio: 3/4 }

/* 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; background-size: 10px auto;  }
.owl-dot span { background: #000; opacity: .3 }
.owl-dot.active span, .owl-dot  span:hover { background: #ccc; 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 { 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 #D61212; background-size: .75rem auto }
.owl-next { right: -2rem; background: url(images/icons/white/right.svg) center center no-repeat #D61212; background-size: .75rem auto }
#cboxNext { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/right.svg) center center no-repeat #D61212; background-size: .75rem auto }
#cboxPrevious { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/left.svg) center center no-repeat #D61212; background-size: .75rem auto }
#cboxClose { width: 3rem; height: 3rem; background: url(images/icons/white/close.svg) center center no-repeat #D61212; 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, .columnImg, .tileImg { overflow: hidden; display: block; }
.postCover img, .pageBlockGal img, .columnImg img, .tileImg img  { transition: .3s; }
.postCover:hover img, .pageBlockGal a:hover img , .columnImg:hover img, .tileImg: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;}





.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; }
    .py5 { padding-top: 3rem; padding-bottom: 3rem; }
    .home .introContent { height:660px }

}

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

#mobileMenu .menuBtn { max-width:240px; 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; }
       .py5 { padding-top: 3rem; padding-bottom: 3rem; }
    .home .introContent { height:660px }
    .columnsContent { display: grid!important; grid-template-columns: repeat(1, 1fr )!important; }
    .columnImg img { object-fit:cover; aspect-ratio: 4/3 }
    .heading.c, #baner1 .c { text-align: left; }
    #baner1 .bg { background-attachment:scroll!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; }
    
}

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

}