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


.cky-btn.cky-btn-accept{ background: #EB5D1D!important; border-color: #EB5D1D!important; color: #fff!important  }
.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: #EB5D1D!important; }
.cky-btn-revisit-wrapper { background: #EB5D1D!important; }

.topBar a, #book a { color: #fff !important; text-decoration: none !important; }

.wpcf7 .f > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; }

#book input[type="submit"] { background: #0a0a0a!important; }

/* Custom */
.sliderContent img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; }
.videosSlider .owl-prev, .videosSlider .owl-next { top: 50%; }
.videosSlider .slide iframe { display: block; margin: 0 auto; ; }
.singleWycieczkaContent img.alignnone { margin: 2rem auto; }
.wycieczka a img { aspect-ratio: 4/3; -o-object-fit:cover ; object-fit:cover ; width: 100%}
.wycieczkaInneLista .wycieczka { -ms-flex-preferred-size: calc( 25% - 2rem) ; flex-basis: calc( 25% - 2rem) ; }
.wycieczkaGalFlex { gap: 2rem; }
.wycieczkaGalFlex > a { -ms-flex-preferred-size: 20%; flex-basis: 20%; display: block; overflow: hidden; }
.wycieczkaGalFlex > a img { height: 100px; -o-object-fit: cover; object-fit: cover; }
.singleWycieczkaContent iframe { margin: 3rem auto!important; width: 100%;
  aspect-ratio: 16 / 9;
  height: auto; /* to może być pominięte, bo aspect-ratio ustawia height */
  border: 0;
  display: block; /* zapobiega niechcianym marginesom */ }
#book { background: #EB5D1D; color: #fff; }
.wycieczkaGalFirst { display: block; overflow: hidden; }
.iconTxt a, .wycieczka a, .post a { text-decoration: none!important; }
.introContent .con, #hero { position: relative; z-index: 1; }
.wycieczkiLista { gap: 2rem; }
.wycieczka { -ms-flex-preferred-size: calc( 50% - 1rem); flex-basis: calc( 50% - 1rem) }
header .con { position: relative; z-index: 9999999; }
.iconImg img { aspect-ratio: 3/4;  width: 100%; -o-object-fit:cover; object-fit:cover } /* height:220px; */
.introSlide { min-height: 70vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center; position: relative; background: #000; color: #fff; }
.slideBg { position: absolute; top: 0; left:0 ;width: 100%; height:100%; opacity: .5; }
.introSlide .con { position: relative; z-index: 999; }
.introSlide h2, .introSlide p { text-shadow: 0 0 2px 0 #000 }
.introSlide p { max-width: 880px; margin: 0 auto 2rem; display: block; font-size: 120%; }
.footerCols { gap: 4rem }
.footerCol { min-width: 160px }
.footerCol a { text-decoration: none; margin-bottom: 0.5rem; display: block; }
.footerCol a:hover { text-decoration: underline; color: white!important; }
.menuBtn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) }
.menuBtn { max-height:42px; }
#hero { position: relative; }

.iconsContent { gap: 2rem }
.icon { -ms-flex-preferred-size: 20%; flex-basis: 20%; }

/* Font */
html { font-size: 16px; }
body { font-size: 1rem; line-height: 1.65; }
h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500; }
#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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: 50px; text-align: center; text-decoration: none!important; border: none; padding: 0 2rem; }
.smallBtn { display: -webkit-inline-box; display: -ms-inline-flexbox; 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 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.post .postDate img { border-radius: 0!important }
.post .postDate { opacity: .5; }
.postCover { overflow: hidden; display: block; }
.iconImg { overflow: hidden; }
.postCover img, .cbox img, .iconImg img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.postCover:hover img, .cbox:hover img, .iconImg:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
#hero .con { position: relative; z-index: 1; }
.videoBg { -o-object-fit: cover; object-fit: cover; width: 100%; height:100% }
.tile:nth-child(even) .tileImg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.tf > *:last-child, .footerContent > *:last-child , .faqA > *:last-child, .pageBlock .tf > *:last-child, .cItem:last-child {margin-bottom: 0;}
.pageBlockGal { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; }
@media all and (max-width: 767px) { .pageBlockGal { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
.pageBlockGal a { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; display: block; margin-bottom: 1rem; }
.pageBlockGal img { display: block; width: 100%; height: auto; }
.faqQ { cursor: pointer; }
.faqArrow {display: inline-block;-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;-o-transition: transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease;margin-left: 1rem;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.faqItem.open .faqArrow { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); 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: 99; }


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

        RWD 

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

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

    .home .introSlide h2 { font-size: 3rem; }
    .iconsWrapper { max-width:90%; margin: 0 auto; }
    /*.iconImg img { height: 400px }*/
}


@media all and (min-width: 1366px) and (max-width: 1599px){

       .iconsWrapper { max-width:90%; margin: 0 auto; }
       .home .introSlide h2 { font-size: 2.5rem; }
       .introSlide { min-height: 768px; }
       /*.iconImg img { height:220px; }*/
}


@media all and (min-width: 1200px) and (max-width: 1365px){
    
    .iconsWrapper { max-width:95%; margin: 0 auto; }
}


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

    .con { width: 93%; }
    html { font-size: 15px; }
     .iconsWrapper { max-width:95%; margin: 0 auto; }
     .home .introSlide h2 { font-size: 2rem; }
     #logo img { width: 260px; }
     #mega-menu-wrap-menu-glowne #mega-menu-menu-glowne > li.mega-menu-item { margin: 0!important; font-size: 15px!important; }
     .tile { -webkit-box-align: start!important; -ms-flex-align: start!important; align-items: flex-start!important; }
     #archiveContent .archive, #contact .con { padding-left: 0; padding-right: 0; }
    .narrow { max-width: 100%; }


}

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

     .iconsWrapper { max-width:95%; margin: 0 auto; }
     #logo img { width: 240px; }
     .iconsContent { -ms-flex-wrap:wrap; flex-wrap:wrap }
     .icon { -ms-flex-preferred-size: calc( 50% - 2rem) !important; flex-basis: calc( 50% - 2rem) !important; }
     .tile { -webkit-box-align: start!important; -ms-flex-align: start!important; align-items: flex-start!important; }
     .home .introSlide h2 { font-size: 2rem; }
     .tile > div { padding: 3rem 1rem 1rem 1rem!important;; }
     #archiveContent .archive, #contact .con { padding-left: 0; padding-right: 0; }

     .wycieczkaIntro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3rem 0; }
     .wycieczkaIntroTxt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;  width: 100%; padding: 0 0 3rem; }
     .wycieczkaGal { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; }

     .wycieczkaCta { padding: 0 0 2rem 0; }
     
}

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

    .tile > div { padding: 3rem 0 0!important; }
    .tile > div.tileTxt { padding: 1rem 0!important; }
    .faqQ { padding-left: 1rem; padding-right: 1rem; display: block; }
    .faqArrow { display: block; width: 12px; margin: 0; }
    .cRight { padding: 2rem 1rem; }
    .wycieczkaGalFlex > a { -ms-flex-preferred-size: calc( 50% - 1rem); flex-basis: calc( 50% - 1rem); }
    .iconImg { margin-bottom: 1rem; }
    .introSlide { min-height: 90vh }
    
}

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

}