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

/* Custom */
#reviews .owl-carousel .owl-item img {max-height: 140px!important}
.owl-carousel .owl-stage { display: flex; align-items:center }
.slideItemImg { overflow: hidden; }
#tiles2 .tileImg { max-height: 250px; overflow: hidden; width: 100%; }
#tiles2 .tileImg img { object-fit: cover; width: 100%; height: 250px; }
.menuBtn img { filter: brightness(1.0) invert(); }
#desktopMenu  ul.sub-menu  { background: #fff; border-radius: .5rem; z-index: 999999; padding: 1rem 1rem 0 1rem;  } /* background: #006600;  */
#desktopMenu  ul.sub-menu  li { margin-bottom: 1rem; }
.companyPhotos { gap: 3rem }
.companyPhotos a { flex: 1;overflow: hidden; height:180px }
.companyPhotos a img { height: 100%; object-fit: cover; }
#icons h3 { color: #FEF9EC; }
/*.customTilesFlex { gap: 2rem; }*/
.customTilesFlex > * { flex-basis: 33.333% }
#fixedBtn { position: fixed; top: calc( 50% - 50px ); right: -2rem; background: #006600; color: #fff; padding: .5rem 2rem;  text-decoration: none; transform: rotate(90deg); z-index: 99999999; }
#slider .slideItemTxt { text-align: center; }
#slider a { color: #000; text-decoration: none; }



/* 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"] {  border: 1px solid #e7e7e7!important; background: #fff; }
.owl-dot span { background: #ccc; 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 2.5rem; }
.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 { overflow: hidden; display: block; }
.postCover img { transition: .3s; }
.postCover:hover img { transform: scale(1.1); 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 { 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: 9999999999; }





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

        RWD 

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



@media all and (min-width: 1200px) and (max-width: 1365px){
    
    .introContent h1 br { display: none; }
    
}

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

    #logo img { width: 180px; }
    .menuBtn { display: none; }
    .reviewItem { padding: 1rem; }
    #contact .con { padding: 0; }
    .introContent h1 br { display: none; }

}

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

    #logo img { width: 160px; }
    #openMenu, #closeMenu { top: 3rem }
    #logo2 { width: 140px; margin-left: 0; }
    #logo2 img { margin: 0 0 1rem; }
    #mobileMenu, #mobileMenu li { text-align: left; }
    #mobileMenu li ul { margin-left:  0; padding-left: 1rem; border-left: 1px solid #e7e7e7 }
    #mobileMenu .menuBtn { max-width:240px; margin-left: 0; margin-top: 2rem; }
    .introContent h1 br { display: none; }
    .introContent .w70 { width: 100% }
    #fixedBtn { right: -3rem; font-size: .875rem; }
    .tile .p2 { padding: 1rem; }
    .companyPhotos { padding: 0; flex-wrap:wrap }
    .companyPhotos a { flex-basis: calc( 50% - 2rem); height:150px }
    .iconsContent { flex-wrap:wrap; }
    .icon { flex-basis: calc( 50% - 2rem); margin-bottom: 2rem;  }
    
}

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

    #mobileMenu { padding: 3rem 2rem 10rem; }
    .companyPhotos { gap: 1rem; margin-top: 2rem; }
    footer { padding-top: 2rem; }
    .bgWrap { padding: 5rem 0; }
    .reviewItem { padding: 0; }
    
}

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

}