/* sevenproject.pl - odtworzenie wygladu strony z WordPressa (motyw Airi + Elementor), bez WP */
@font-face{font-family:"Work Sans";font-weight:400 700;font-display:swap;src:url(../fonts/worksans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Work Sans";font-weight:400 700;font-display:swap;src:url(../fonts/worksans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 16px/24px "Work Sans",Helvetica,Arial,sans-serif;color:#595959;background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
a{color:#4169e1;text-decoration:none}
p{margin:0 0 20px}
h1,h2,h3{margin:0;font-weight:500;color:#191919}
.container{max-width:1140px;margin:0 auto}
svg.i{width:1em;height:1em;fill:currentColor;vertical-align:-.125em}

/* Naglowek: desktop jasny z ciemnym logo i menu (oryginal: na stronie glownej u gory przezroczysty z bialym logo i menu na bialym tle - niewidoczne), telefon ciemny z bialym logo */
.site-header{position:fixed;top:0;left:0;right:0;z-index:99;height:91px;padding:20px 60px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.1);transition:all .8s}
@media (min-width:1024px){.home main{padding-top:91px}}
.home .site-header.is-sticky,.site-header.is-sticky{background:rgba(255,255,255,.9);box-shadow:0 0 15px 0 rgba(0,0,0,.1)}
.site-branding{display:block;line-height:0;padding:0 15px}
.site-branding img{width:205px;height:50px}
.main-navigation ul{list-style:none;margin:0;padding:0 15px 0 0;display:flex}
.main-navigation li{padding:0 25px 0 30px;font-weight:500}
.main-navigation li:first-child{padding:0 25px}
.main-navigation a{position:relative;display:block;color:#680a00}
.home .site-header.is-sticky .main-navigation a{color:#680a00}
.main-navigation a::after{content:"";position:absolute;height:2px;left:50%;bottom:-10px;width:0;transform:translateX(-50%);background:#680a00;transition:all .5s}
.main-navigation a.active::after{width:90%}
.mobile-menu-toggle{display:none;position:relative;width:40px;height:35px;padding:0;background:transparent;border:0;cursor:pointer}
.mobile-menu-toggle span{position:absolute;top:16px;left:0;right:0;height:3px;background:#680a00}
.mobile-menu-toggle span::before,.mobile-menu-toggle span::after{content:"";position:absolute;left:0;width:100%;height:3px;background:#680a00;transition:.2s}
.mobile-menu-toggle span::before{top:-10px}
.mobile-menu-toggle span::after{bottom:-10px}
.is-sticky .mobile-menu-toggle span,.is-sticky .mobile-menu-toggle span::before,.is-sticky .mobile-menu-toggle span::after{background:#680a00}
.menu-open .mobile-menu-toggle span{background:transparent}
.menu-open .mobile-menu-toggle span::before{top:0;transform:rotate(45deg)}
.menu-open .mobile-menu-toggle span::after{bottom:0;transform:rotate(-45deg)}
@media (max-width:1199px){
  .mobile-menu-toggle{display:block;margin-right:15px}
  .main-navigation{display:none;position:fixed;top:91px;left:0;right:0;bottom:0;overflow:auto;background:#680a00;padding:20px 10px}
  .menu-open .main-navigation{display:block}
  .main-navigation ul{display:block;padding:0}
  .main-navigation li,.main-navigation li:first-child{padding:0 25px 34px;text-align:center}
  .main-navigation a,.home .main-navigation a,.home .site-header.is-sticky .main-navigation a{color:#fff}
  .main-navigation a::after{display:none}
}
@media (max-width:1023px){
  body{padding-top:91px}
  .site-header,.home .site-header,.site-header.is-sticky{background:#330500;box-shadow:none}
  .mobile-menu-toggle span,.mobile-menu-toggle span::before,.mobile-menu-toggle span::after,.is-sticky .mobile-menu-toggle span,.is-sticky .mobile-menu-toggle span::before,.is-sticky .mobile-menu-toggle span::after{background:#fff}
  .menu-open .mobile-menu-toggle span,.menu-open.is-sticky .mobile-menu-toggle span{background:transparent}
}
@media (max-width:767px){.site-header{padding:20px 0}}

/* Sekcje */
.section{position:relative;padding:100px 0}
.heading{text-align:center;margin-bottom:20px}
.heading h1{font-size:40px;line-height:40px;font-weight:700;text-transform:uppercase;color:#191919}
.divider{text-align:center;line-height:24px;margin-bottom:20px}
.divider img{width:175px}
.light .heading h1{color:#fff}

#o-nas{padding:50px 0;overflow:hidden}
#nasze-prace .container{padding:10px}
.row{display:flex;flex-wrap:wrap;margin-bottom:20px}
.col{width:50%;padding:10px}
.text{font-size:14px;line-height:24px;text-align:justify}
.text ul{margin:0 0 15px 15px;padding:0 0 0 20px}
.photo{text-align:center}
.photo img{border:3px groove #eee;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}
.spacer{height:25px}
.lead{font-size:18px;line-height:27px;font-weight:700;text-align:center;margin:40px 0 0;padding:10px 10px 30px}

/* Animacje wejscia (Elementor slideInLeft/slideInRight) */
.anim{visibility:hidden}
.anim.in{visibility:visible;animation:1.25s both}
.from-left.in{animation-name:slideInLeft}
.from-right.in{animation-name:slideInRight}
@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){.anim{visibility:visible}.anim.in{animation:none}}

/* Ksztalt "pociagniecie pedzlem" (Elementor shape divider) */
.shape{position:absolute;left:0;width:100%;height:100px;overflow:hidden;line-height:0;pointer-events:none}
.shape img{display:block;width:calc(100% + 1.3px);max-width:none;height:100%;position:relative;left:50%;transform:translateX(-50%)}
.shape-top{top:-1px}
.shape-bottom{bottom:-1px;transform:rotate(180deg)}

#nasze-prace{background:#680a00}
.gallery-wrap{margin:50px 30px 30px;text-align:center}
.gallery{display:flex;flex-wrap:wrap}
.gallery a{position:relative;display:block;width:calc(25% - 20px);height:200px;margin:10px;border:2px solid #fff;border-radius:10px;overflow:hidden}
.gallery a.hidden{display:none}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery a::before{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:rgba(0,0,0,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/16px no-repeat;opacity:0;transition:opacity .3s}
.gallery a span{position:absolute;left:0;right:0;bottom:0;padding:12px 22px;text-align:left;font-size:13px;color:#fff;background:rgba(0,0,0,.8);transform:translateY(100%);transition:transform .3s}
.gallery a:hover::before{opacity:1}
.gallery a:hover span{transform:none}
@media (max-width:1200px){.gallery a{width:calc(33.333% - 20px)}}
@media (max-width:992px){.gallery a{width:calc(50% - 20px)}}
@media (max-width:768px){.gallery a{width:calc(100% - 20px)}}

.btn{display:inline-block;padding:14px 30px;border:2px solid #f0437e;border-radius:30px;background:#f0437e;color:#fff;font:600 13px/19.5px "Work Sans",Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s}
.btn:hover{background:#e21b5f;border-color:#e21b5f}

/* Formularz */
.form{padding:10px 10px 0;margin-bottom:44px}
.form .halves{display:flex}
.form .half{width:48%}
.form .half+.half{margin-left:4%}
.form label{display:block;margin:0 0 4px;font-weight:700;line-height:20.8px}
.form label i{color:red;font-style:normal;font-weight:400}
.form input,.form textarea{display:block;width:100%;padding:6px 10px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#333;font:400 16px/20.8px "Work Sans",Helvetica,Arial,sans-serif}
.form input{height:38px}
.form .name input{max-width:25%}
.form .email input{max-width:60%}
.form textarea{height:120px;resize:vertical}
.form .field{padding:10px 0;position:relative}
.form .sr{position:absolute;left:-9999px}
.form .submit{display:flex;justify-content:center;padding-top:10px}
.form .submit .btn{font-size:16px;font-weight:600;line-height:24px;padding:14px 30px;border:1px solid #ddd;text-transform:none;letter-spacing:0}
.consent{padding:0 10px 10px}
.form-status:empty{display:none}
.form-status{margin:0 0 10px;padding:10px 15px;border-radius:2px}
.form-status.ok{background:#e6f4ea;color:#1e6b34}
.form-status.err{background:#fdecea;color:#a3221b}
@media (max-width:600px){.form .name input,.form .email input{max-width:100%}}

#lokalizacja{background:#f9f9f9;padding:100px 0 0}
#lokalizacja .shape{height:75px}
.map{line-height:0}
.map iframe{display:block;width:100%;height:600px;border:0;pointer-events:none}

/* Stopka */
.footer-widgets{background:#3a0601;padding:80px 0;color:#fff}
.footer-widgets .container{display:flex;flex-wrap:wrap}
.footer-widgets .widget{width:25%;padding:0 15px;margin-bottom:20px}
.footer-widgets .widget:last-child{margin-bottom:0}
.footer-widgets h3{font-size:20px;line-height:24px;font-weight:500;color:#fff;margin:0 0 40px}
.footer-widgets p{margin:0}
.footer-widgets a{color:#7d7d7d}
.footer-widgets a:hover{color:#595959}
.footer-widgets .lbl{color:#bfbfbf}
.footer-flex{display:flex;margin-bottom:20px}
.footer-flex:last-child{margin-bottom:0}
.footer-flex svg.i{flex:none;width:auto;height:16px;margin:4px 10px 0 0;color:#bfbfbf}
.social{display:inline-block;width:35px;height:35px;border-radius:50%;background:#3b5998;color:#fff;text-align:center;line-height:35px;font-size:19px;transition:all .3s}
.footer-widgets a.social{color:#fff}
.social:hover{background:#123a8e}
.site-info{background:#1f0300;padding:15px;text-align:center;color:#fff;font-size:13px;line-height:19.5px;text-transform:uppercase}
.site-info a{color:#7d7d7d}
.site-info a:hover{color:#595959}
@media (max-width:991px){.footer-widgets .widget{width:50%}}
@media (max-width:767px){.footer-widgets .widget{width:100%}}

/* Pasek informacji o ciasteczkach */
.cookie-notice{position:fixed;left:0;right:0;bottom:0;z-index:100000;background:#000;color:#fff;font-size:13px;line-height:20px;text-align:center;padding:10px}
.cookie-notice[hidden]{display:none}
.cookie-notice button{margin:0 0 0 10px;padding:2px 10px;border:0;border-radius:3px;background:linear-gradient(#0088cc,#0044cc);color:#fff;font:600 12px/20px sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
@media (max-width:900px){.cookie-notice button{display:block;margin:5px auto 0}}

/* Lightbox galerii */
.lb{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 80px 70px}
.lb[hidden]{display:none}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;max-height:100%;min-height:0}
.lb figure img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain}
.lb figcaption{color:#fff;font-size:14px;margin-top:10px}
.lb button{position:absolute;border:0;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:24px;line-height:1}
.lb .lb-close{top:20px;right:20px;width:40px;height:40px;font-size:18px}
.lb .lb-prev,.lb .lb-next{top:50%;width:40px;height:80px;margin-top:-40px}
.lb .lb-prev{left:20px}
.lb .lb-next{right:20px}
.lb .lb-thumbs{position:absolute;left:0;right:0;bottom:0;height:60px;display:flex;justify-content:center;gap:10px;padding:5px;overflow-x:auto}
.lb .lb-thumbs img{width:50px;height:50px;object-fit:cover;opacity:.5;cursor:pointer}
.lb .lb-thumbs img.sel{opacity:1;outline:2px solid #fff}
@media (max-width:767px){.lb{padding:60px 10px 70px}.lb .lb-prev,.lb .lb-next{top:auto;bottom:70px;margin:0;height:50px}}

/* Podstrona galerii (dawny wpis rl_gallery) */
.single-page{padding:191px 0 60px}
.single-page .container{padding:0 15px}
.single-page article{width:700px;max-width:100%}
.single-page .featured{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.single-page time{display:block;margin-top:2px;font-size:13px;line-height:19px;color:#4169e1}
.single-page h1{font-size:36px;line-height:48px;margin:3px 0 24px;color:#191919}
.single-page .gallery-wrap{margin:0}
.single-page .gallery a{width:100%;height:auto;margin:0 0 4px;border:0;border-radius:0}
.single-page .gallery a::before,.single-page .gallery a span{display:none}
.single-page .gallery img{height:auto;object-fit:initial;border-radius:10px}
@media (max-width:1023px){.single-page{padding-top:100px}}

/* Strona 404 */
.error-404{background:#f9f9f9;padding:237px 15px 113px;text-align:center}
.error-404 h1{font-size:150px;line-height:1;font-weight:700;margin-bottom:40px}
@media (max-width:1023px){.error-404{padding-top:60px}.error-404 h1{font-size:100px}}

@media (max-width:767px){.col{width:100%}}