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


.blogItem {
       display: flex;
       flex-direction: column;
       height: 100%;
}

.postTxt {
       display: flex;
       flex-direction: column;
       height: 100%;
}

.postTxt .btn.smallBtn {
       margin-top: auto;
}

.cky-notice-btn-wrapper .cky-btn-reject { border-color: #fff!important; color: #999!important}

.ogloszenieFlex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.etapDesc h4 { margin-top: .5rem; }
.page-id-706 .pageBlock img, .page-id-714 .pageBlock img, .page-id-712 .pageBlock img { aspect-ratio:3/4.5; -o-object-fit:cover; object-fit:cover; }
.ogloszenieR { background: #571a5c; color: white; }
#archiveContent .archive, .readAlsoArchive { display: -ms-grid; display: grid;  -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr;  grid-template-columns: repeat(3, 1fr); gap: 2rem;  }
#contact a:hover { text-decoration: underline; }
.page-template-page-kontakt #contact { background: none!important; color: #383838!important; }
.page-template-page-kontakt #contact .bg { display: none; }
#etapyWrapper { background: #571a5c; color: #fff; }
.etapyFlex { gap: 2rem }
.slideItem img { width: 48px!important; display: block; margin: 0 auto; }
.columnStepNum, .etapNo { width: 3rem; height:3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color: white; background: #571a5c; font-size: 1.25rem; }
.etapNo { background: #675790; }
.columnHeading h2 { margin-bottom: 0; }
#columns .bg, #contact .bg  { background-attachment:fixed!important }
.introBtns { position: relative; }
.introBtns a { font-weight: bold; width: 240px; }
.introBtns:after { content: ''; display: block; width: 100px; height:100px; background: url(images/arrow.svg) center center no-repeat; background-size:cover; position: absolute; left: calc( 50% - 380px); bottom: -70px; }
.postIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.postIcon strong { margin-left: 0.25rem; }
.postIcon:before { content: ''; display: block; width: 1rem; height:1rem; margin-right: 0.5rem; }
.postIconCat { background: url(images/kategoria.svg) center left no-repeat; background-size: 1rem auto; }
.postIconPlace {  background: url(images/miejsce.svg) center left no-repeat; background-size:1rem auto; }
.postIconType {  background: url(images/typ.svg) center left no-repeat; background-size:1rem auto; }
.postIconRef {  background: url(images/numer.svg) center left no-repeat; background-size:1rem auto; }
.postIconDate {  background: url(images/data.svg) center left no-repeat; background-size:1rem auto; }

.postIcons { font-size: 0.875rem; }
.postIcon { margin-bottom: 0.5rem; }
.owl-dots { margin-top: 2rem; }
.owl-stage{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.owl-item{display:-webkit-box;display:-ms-flexbox;display:flex}.blogItem{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.postTitle h4 { font-size: 1.25rem !important; }
.introCerts img { width: 120px; }
.cLeft a { color: #fff!important; }
ul.menu a { padding: .5rem .75rem; }
ul.menu a:hover { background: #571a5c;  }
#desktopMenu ul.sub-menu a, #desktopMenuSticky ul.sub-menu a { padding: .25rem .75rem!important; }
#desktopMenu li.menu-item-has-children:hover > a:after { -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); }

#breadcrumbsWrapper, .topBar { font-size: 80%; }
.pageIntroContent { padding: 0 0 4rem 0; }
.home .introContent { min-height: 70vh; height:768px;  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; }
.home .introContentInner { max-width: 880px; margin: 0 auto; }
.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 {  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 #675790; background-size: .75rem auto }
.owl-next { right: -2rem; background: url(images/icons/white/right.svg) center center no-repeat #675790; background-size: .75rem auto }
#cboxNext { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/right.svg) center center no-repeat #675790; background-size: .75rem auto }
#cboxPrevious { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/left.svg) center center no-repeat #675790; background-size: .75rem auto }
#cboxClose { width: 3rem; height: 3rem; background: url(images/icons/white/close.svg) center center no-repeat #675790; 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 , a { text-decoration: none; }
.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; }
.introCerts a { overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.postCover img, .introCerts a img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.postCover:hover img, .introCerts a: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 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; }

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){
    
    
}

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

#contact .px5 { padding-left: 0; padding-right: 0; }
.tile { padding: 0; }
.etapItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#archiveContent .archive, .readAlsoArchive { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr) }
.ogloszenieFlex { display: block; }
.ogloszenieL { width: 100%; }
.ogloszenieR { width: 100%; margin: 2rem 0 0 0; }


}

@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; }
       .tile { padding: 0; }
.etapItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.columnStepNum { margin: 0 0 1rem; }
.etapItem { margin: 0 0 2rem; }
.etapItem .etapNo { margin: 0 0 1rem; }
.tileImg { padding-bottom: 0; }
.archiveContentFlex, .singleContentFlex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-bottom: 1rem !important; }
.archiveContentFlex .sidebar, .singleContentFlex .sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.archiveContentFlex .archive, .singleContentFlex .main { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
#archiveContent .archive, .readAlsoArchive { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr) }
.ogloszenieFlex { display: block; }
.ogloszenieL { width: 100%; }
.ogloszenieR { width: 100%; margin: 2rem 0 0 0; }
.sidebar { margin-top: 3rem!important; }
.searchWrapper { max-width:300px; }



}

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

       #logo img { width: 140px; }
       .introBtns:after { display: none; }
       .columnsContent  { -ms-grid-columns: (1fr)[1]!important; grid-template-columns: repeat(1, 1fr )!important }
       .sliderContent { padding-left: 0; padding-right: 0; padding-top: 2rem; }
       .slideItem { padding: 0; margin-bottom: 0; width: 100%; }
    #archiveContent .archive, .readAlsoArchive { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr) }
}

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

}